Why does my menu go behind a button?

[alan_sh]

I'm playing with different menus at different screen resolutions.

Currently trying the mult-level panel menu. All seems OK until I reduce the size down to the minimum - then, when I click on the hamburger menu it slides across and goes underneath the 'search' button as shown below:


The small demo file can be found here https://www.dropbox.com/s/mvcsu8mzsh9a0 ... 2.zip?dl=1

It's going to be something silly, but I can't see what.

thanks

Alan

[Pablo]

Did you share the correct file?
It looks like the same project as you previous shared.

[alan_sh]

Sorry - too much of a hurry

https://www.dropbox.com/s/8bdbagur00o61 ... 3.zip?dl=1

[Pablo]

This is expected behavior. In floating/flexible layout, the next object always overlays the previous one.
If you want the button to be always on top then you will need to place it a (sticky) layer or page header.

[alan_sh]

Ah, that's not good. I am using a flex grid because I want the background to be one picture.

I placed the menu on the flex grid last. So, it is the 'next' object. Or do you mean the next onein the series from left to right.

Can I put a page header in a flex grid cell?

Alan

[Pablo]

The next object is the object on the right or below.

[alan_sh]

But it goes above the 'search' text input but behind the search button.Both are to the right.

I know this is just a small thing, but it looks wromg.

Alan

[alan_sh]

Fixed it. You change the panel to 'overlay'(in the style tab) and it works.

cheers

Alan