Mobile view

[Vu]

Vu

October 12, 2015 at 6:56 pm

I currently have this CSS code

@media (max-width: 978px) {
#topbar {
display: none;
}
}

When the screen is too narrow (like on different mobile devices or computer screens), the primary menu will not be aligned properly. As you can see in the screenshot.

I think the min width for the primary menu to appear properly aligned is about 1200px. Is there any way to have it switch to mobile view if the width is under 1200 px? i.e. the primary menu becomes the mobile menu if the width is under 1200 px.

I tried to change the value for max-width above to 1200 px but didn’t notice any changes…

Thanks!