Page 1 of 1

Problem with "Responsive Menu" in top Floating Layer

Posted: Sun May 02, 2021 5:30 am
by etcbbu
Putting together a new site here:

https://www.thecartshed.com/test/index.php

If you surf around the various pages, like "Home", "Batteries", "Parts & Services", etc., there are four Breakpoints:

- 1366
- 1024
- 768
- 320

There is one masterpage page in the project that isn't published, but is set as the "Master Page" in the Properties >> Miscellaneous >> Master Frame of every page in the project.

And at the top of this non-published Master Page, I am putting a top Layer that is supposed to be at the top of masterpage, and then a "Responsive Menu" object as a child of that top Layer (which is a floating Layer).

But notice that when you surf around the pages of the site on a 768 or 320 (Smartphone) breakpoint, whenever you try to hit the top Responsive Menu, all of the menu-choices are hidden behind page content.

How do I have "Responsive Menu" atop the entire website when I am using "Master Frame", when the site is made up of Floating Layers? So the menu options do not hide behind the content that may be at the top of a page?

Re: Problem with "Responsive Menu" in top Floating Layer

Posted: Sun May 02, 2021 6:53 am
by Pablo
Step 1
Put the menu on a page header object

Step 2
Set the 'stack level' property of the page header to 'in front of content'

Re: Problem with "Responsive Menu" in top Floating Layer

Posted: Sun May 02, 2021 7:31 pm
by etcbbu
Does that Page Header then just

- get used *once* on the unpublished Master Page, which serves as the "Master Frame" with a Content Place Holder to every page of the website?

- Or does it go as an individual "Page Header" object that must go on every page in the project?

Re: Problem with "Responsive Menu" in top Floating Layer

Posted: Mon May 03, 2021 6:01 am
by Pablo
The page header can be part of the master page.