Top bar drops down a line when moving between breakpoints

Classic Stacks
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

image
image1081×408 117 KB

mobile
image
image570×662 99.9 KB

in between
image

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

any hints?

Julia

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;
}
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.

4

thanks Doug
I will give both of these a go.

5

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

6

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

7

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