Top bar drops down a line when moving between breakpoints


(Julia Bowen) #1

I have a menu that has a solid background just above a background picture. When I shrink the page, between the full size, which is ok, and the mobile, also ok, the menu drops down a line and I can’t see it.
desktop


mobile

in between
image

the web site is https://gigl.org.au/test-home/#!calendar

any hints?

Julia


(Doug Bennett) #2

Not sure why it’s happening. Looks like bug in top-bar

This CSS looks like it fixes it:

ul.title-area.title-area-site-setup {
    margin-right: 0;
}

(Robert Ziebol 🖖🏼) #3

There is an easier way to do this. In TopBar, there is a setting that says Full Menu At, change that to Desktop only and it should make it a mobile menu when it gets too small like that.


(Julia Bowen) #4

thanks Doug
I will give both of these a go.


(Julia Bowen) #5

thanks Robert
I will try this - but presumably it will then use the mobile menu on the ipad?
J


(Robert Ziebol 🖖🏼) #6

Yes, it will be the mobile menu on iPad, at least in portrait mode


(system) #7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.