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.


in between

the web site is!calendar

any hints?


(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?

(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.