Page 1 of 1
"Responsive Menu" cutting off link display
Posted: Sat May 29, 2021 10:09 pm
by etcbbu
Hi all, got a new site going for a client here:
https://etxroofingandconstruction.net/temp/
And for whatever reason, if you'll notice, if you use the "Responsive Menu" object towards the top of the page, it's cutting off the link-names/page-names in the mouseover sub-menu choices that pop-down as you mouseover. What option am I missing? Or, what am I not sizing correctly? This menu sits as a Child on a Layer-object that is set to be Floating and full-width.
Re: "Responsive Menu" cutting off link display
Posted: Sun May 30, 2021 7:13 am
by Pablo
This is most likely related to the order of the object on the page (the z-order).
Make sure the menu is on top of all other objects.
Note: I cannot see what to have done based on the published page.
If you need further assistance then please share a demo project (not the complete project!), so I can see all your settings:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
Re: "Responsive Menu" cutting off link display
Posted: Mon May 31, 2021 1:43 am
by etcbbu
I've got it appended to a Layer. Like it's a child of a Layer, and I right-clicked it and set it to "Move to Front" (Z-order) . *BUT* I don't think I can do that same thing "Move to Front", on the Layer because that Layer literally changed position on the page, if I try to make it "Move to Front"; it will be totally on the wrong spot on the page. I just now tried to change the "Enable Affix", but that's not seeming to help either. And by the way, this whole thing is on a "Master Frame" non-published Master Page. So..I mean, how are you supposed to assign "Z-Order" to objects on a Master Frame, and then also assign "Z-Order" to the objects that are actually on the for-real published real-page (index.php) ?
Re: "Responsive Menu" cutting off link display
Posted: Mon May 31, 2021 5:58 am
by Pablo
Usually a drop down menu is part of a page header. In that case, you can set the stack level to 'in front of content'
Re: "Responsive Menu" cutting off link display
Posted: Thu Jul 01, 2021 7:34 pm
by etcbbu
Hi, here's the link with the tip menu:
https://etxroofingandconstruction.net/temp/
I've gotten it working a little better, but now as you'l notice, if you look at this on a 320 Breakpoint, the menu cuts off whenever it tries to pop down, and show on top of the "Layer" that's the next-object-down, on the page (it's the blue-bg bar with the text that says, "The TOP for your home" on it) .
What can I change to make this work right? Is there some hard-code I can input within HTML HEAD on Page HTML of each page that'll sort of force it to show up above everything?
Re: "Responsive Menu" cutting off link display
Posted: Thu Jul 01, 2021 7:38 pm
by etcbbu
And what's weirder--as you scroll down the page, since I've got the menu to sort of "stay on top of the page", it shows up wonderfully in front of just about every other Layer on the page, as you go down!
I don't understand what's so different about this one Layer towards the top of the page:
- etxroofingandconstructionmasterpageLayer3
That the menu tucks *behind* that one, but not the rest of the Layers..? It *wonderfully* shows up in front of ALL the rest--*EXCEPT* that one Layer.
Re: "Responsive Menu" cutting off link display
Posted: Thu Jul 01, 2021 8:38 pm
by crispy68
that's because you have the layer with a z-index of 9999 and your menu layer is only 7777. Did you add the following code to the object html to the one layer?
Simply change the 9999 to be below 7777.
Re: "Responsive Menu" cutting off link display
Posted: Thu Jul 01, 2021 9:26 pm
by etcbbu
Got it working--thank you much!
May I also ask something else about this menu?
I'm noticing that when you load this page:
http://etxroofingandconstruction.net/temp
If you look at it at 320-Breakpoint like a smartphone, looks awesome. But if you raise the width of the page, and get it to, say, about 768 (Tablet neighborhood) , the menu is not converting to the hamburger-menu. Within the properties of the Responsive Menu properties, I've got the
Style >> Breakpoint number set to "767" (and I also tried it set on "768") , and I dunno, I'd like the regular as-is text links to switch to the hamburger-menu up until maybe my 1024 Breakpoint. Just doesn't seem like when I am on this browser on my laptop, and I make my window larger than 320, yet still less than 1024, it's staying on the as-is text links; I'd kinda rather it be the Hamburger menu well before 1024.