Question:
I’m working with Wix Studio and have a background image pinned to the left corner of the page. I want this image to stay fixed in place while scrolling, but it’s blocking my navigation buttons, preventing me from clicking them.
Product:
WIX STUDIO
What are you trying to achieve:
Is there a workaround for this issue so I can keep the image pinned without it interfering with the clickable elements on the page?
What have you already tried:
I tried using pointer-events: none to make the image transparent to clicks, but it doesn’t seem to work as expected. I also tried setting the z-index to -1, but I still can’t find a way to send the image to the background layer where it won’t block my navigation buttons.
Additional information:
image blocking my navlink:
my layer:
my try:
my 2 try :
#scrollBgImage {
position: absolute;
top: 0;
left: 0;
z-index: 0;
pointer-events: none;
}
#navSection{
z-index: 1 ;
}```