Page 1 of 1

*SOLVED* Can't interact with links in Sticky-Layer behind masterpage

Posted: Mon Feb 24, 2020 7:13 pm
by etcbbu
Hi all, how do I get around this issue?

Go here:

https://mcintyrebuilderstyler.com/index.php
(Currently not working on mobile, so please look at it from a device with a wider pixel-width than 320-pixels wide, like, larger than a smartphone)

Notice that the Sticky Layer that's on the left-side of the screen doesn't let you hit its links until user scrolls down the page such that the Sticky Layer is no longer sort of "behind" the "masterpage" that is called (which is the big graphic and big white space at the top of the screen) .

How can I get a around this? I want the user to be able to hit those links even when they Sticky Layer is up high and on the same level as that "masterpage" that is being called, at the top of the page.

Re: Can't interact with links in Sticky-Layey behind masterpage

Posted: Tue Feb 25, 2020 7:32 pm
by etcbbu
Any ideas?? Do I need to post my Project file..?

Re: Can't interact with links in Sticky-Layer behind masterpage

Posted: Tue Feb 25, 2020 7:47 pm
by etcbbu
If I change the position on this "Sticky" Layer on the left side of the screen to be positioned "Left Center", "Left Bottom", which sort of makes it possible to interact with it, it still seems to be hidden behind the following things on this page:

- it still hides behind that Top "PageHeader" object which means that when I have it programmed to be up at the top-let of the page when it is in the viewport, when it is behind that top PageHeader Layer, the user is unable to click any of the links and interact with it

- it seems to be tucked behind that Blue Layer that is at the bottom of the screen

Re: Can't interact with links in Sticky-Layer behind masterpage

Posted: Tue Feb 25, 2020 9:26 pm
by Pablo
You can use this code to place the layer on top of all other element:

Code: Select all

<style>
#mcintyrebuilderstylerindexLayer3 
{
	z-index: 9999 !important;
}
</style>

Re: Can't interact with links in Sticky-Layer behind masterpage

Posted: Wed Feb 26, 2020 5:10 pm
by etcbbu
I put it in

Page HTML >> Between body

Is that correct?

It's seeming to work, just wanted to see if that's what you intended.

Re: Can't interact with links in Sticky-Layer behind masterpage

Posted: Wed Feb 26, 2020 5:49 pm
by Pablo
I recommend to add it between the head tags.

Re: Can't interact with links in Sticky-Layer behind masterpage

Posted: Thu Feb 27, 2020 5:23 pm
by etcbbu
It is working great, thank you so much, Pablo!

:D :D :D WYSIWYG Web Builder is THE BEST! :D :D :D

Re: *SOLVED* Can't interact with links in Sticky-Layer behind masterpage

Posted: Thu Mar 12, 2020 4:37 pm
by etcbbu
If I needed a second one on every page, would I set another one with this second Layer, but change it to be like this:

Code: Select all

<style>
#mcintyrebuilderstylerindexLayer3 
{
	z-index: 9998 !important;
}
</style>
?

Re: *SOLVED* Can't interact with links in Sticky-Layer behind masterpage

Posted: Thu Mar 12, 2020 4:43 pm
by Pablo
Just change the ID to the name of the second layer.