Protostar Main Menu - website/mobile issue

[deaksey]

Hi,

Can someone help with an issue I have. I have main menu set up on website as horizontal but when I view it on mobile it displays vertically - is there any way to change for it to be the same on mobile?

I have attached how it is viewed on mobile - even if I can change for 2 headers across instead of straight down!

Any help or input is much appreciated. Thanks

[Lockerbie]

Hello Deaksey,

Without a link to your website it's hard to tell. It is probably something in the template, but it could also be the images have absolute sizes, instead of percentages. Most likely it's a combination of things.

[deaksey]

I'm still updating the site as in the process of migrating from previous site
site

http://www.sfar-lanarkshire.org.uk/new

Have a look and let me know your thought.

Thanks

[Lockerbie]

The layout of the menu changes at a width of 768px. This is probably set in your stylesheet, so look for something like '@media...' and the styles for that.

Another possibility is disabling the following in your template.css line 7332, where it says:

Code: Select all

.nav-pills > li {
float: none;
}

It seems to work after that, but please test if it doesn't effect anything else.

[deaksey]

Excellent I did the css change and that worked - just have to mess about with the layout for the alignment to be fine now.

Thanks again

[Lockerbie]

You're welcome!
If your problem is solved, you can change the status of this thread to 'solved'. ;-)

[deaksey]