On a site, I have an html menu with drop downs at the top of the page. It’s not made with the css menu action because I use the html menu on another linked site that isn’t Freeway created. And I plan to enhance this menu quite radically in the near future.
The menu html is on a master page and is the frontmost item in the layering. When adding pages to the site based on the master, I must remember to open the master and move the menu to front layer or drop down appear behind new items on pages.
My question - Is there a way to always force this menu to stay on top so I don’t have to remember to do it manually?
I’m sure there is a better approach to this entire scenario anyway. Open to suggestions.
Thanks David. I followed the hint and no go. Must have something wrong elsewhere on page?
CSS button is on. Item when selected in Inspector is layered
Select your menu item. Item>Extended
Select
and New to create a new name value pair
Name: z-index Value: 99 (or another high number). The z-index determines the stacking order of items, the higher the number the nearer the top of the pile.
Do it on your master so it affects all pages where the menu appears.
Am using inline CSS style for the menu since I don’t know how to put that style elsewhere in Freeway. Perhaps that is where the problem is.
I did apply instructions to that page and uploaded the site. When checking again in Freeway the extended steps are there.
Perhaps the problem is “Select your menu item”. To get this menu in Freeway I used: Insert - Markup Item. That item is what I have applied these instruction to.
I used the z-index added using the Item menu Extended. . .
From my first post . . . “It’s not made with the css menu action because I use the html menu on another linked site that isn’t Freeway created. And I plan to enhance this menu quite radically in the near future.” This is the same html placed into Freeway that I am placing into another non-Freeway site. They must be exactly the same. I will soon replace this simple menu with a more complicated menu if I am able to see if this method is acceptable for Freeway.
David, you posted same time I am writing this. I’m starting to get the idea after thinking. Doing some tests in the Markup item code, I added the z-index to some place and it appears to work in Freeway preview. z-index only works on positioned elements (position:absolute, position:relative, or position:fixed). I added “position:relative;z-index:99” here:
I first tried it without position:relative and it moved the menu to the left. My solution worked correctly. If you think this is an acceptable coding then you have solved my issue very well and caused me to think and learn a bit more.