Mobile Version Issue

vegasdesertsports

Our website we can't view our menu items on mobile, we need some assistance to resolve this issue as our viewers would be accessing our site majority of the time on their mobile devices. If there is a setting that needs to be activated please let me know.

Kind Regards,

Ryan Bayer

aman204

vegasdesertsports Try add this to css file and adjust width value accordingly :

@media only screen and (min-device-width: 320px) and (max-device-width:480px){.navbar-form.span-6{width: 80%; !important;}}

Kindly ensure to clear your browser cache if changes dont reflect

vegasdesertsports

aman204

Which line do I paste this code into at (i.e. line 1, 2, or 3)?

@media only screen and (min-device-width: 320px) and (max-device-width:480px){.navbar-form.span-6{width: 80%; !important;}}

Kind Regards,

Ryan Bayer

vegasdesertsports

Where exactly do you want me to insert line of code at?

Kind Regards,

Ryan Bayer

Ninja

vegasdesertsports
Hi
Use the code in /css/custom.cs file , There is style bug for mobile menu and it will be fixed in next update of JA Simpli.

Regards

saguaros

Hi Ryan,

You can put custom css into the file: /templates/ja_simpli (your default template)/css/custom.css (create this file if it doesn't exist).

Regards

vegasdesertsports

Which line do I paste this code into at (i.e. line 1, 2, or 3)?

@media only screen and (min-device-width: 320px) and (max-device-width:480px){.navbar-form.span-6{width: 80%; !important;}}

Kind Regards,

Ryan Bayer

vegasdesertsports

The code that you sent me did not work.

Kind Regards,

Ryan Bayer

Ninja

vegasdesertsports
Hi
Kindly check there is no custom.css file added yet..
Add the file and code : http://vegasdesertsports.net/templates/ja_simpli/css/custom.css
so it will work.

Regards

vegasdesertsports

I entered the code infromation on line 1 in the custom.css and it did not work, I also tried inserting at the last line and it did not work either.

Kind Regards,

Ryan Bayer

aman204

vegasdesertsports Hi Ryan

Having reviewed, The custom.css file was still not seen to be created.

Have created the same which can be seen in the path outlined in prior forum posts and added this to specific file :

@media only screen and (min-device-width: 320px) and (max-device-width:480px){.navbar-form.span3{width: 80% !important;}}

which is appending as envisaged. Ref: Screenshot

Kindly ensure to clear your browser cache if changes dont reflect.

vegasdesertsports

Thanks for your help on this one. We can close this ticket one out.

Kind Regards,

Ryan Bayer