While scrolling down, I am unable to click any page content/links hidden behind my transparent sticky nav. I am using the Pro theme. My nav consists of a logo on the left and a modal menu on the right, and empty space in the center. I have seen a suggestion on one of the forums to change the z-index of all rows individually, but I’m hoping there is a simpler way that won’t be such a headache.
Thanks!
Hello Kyle,
Thanks for writing in! Please be advised that the container of the sticky bar will stay in front of any section of the page. Changing the z-index of the bar will likely make the logo and the menu not clickable as well. There is no way that you can make the link in the sections clickable while the sticky bar is in front. By the way, can you please provide us the URL of your site so we can check your bar settings and z-indexes as well?
Best Regards.
Thanks. URL attached with note
Hello Kyle,
If the expected display will be looking like this?
See the secure note
Only the contents behind the bar will not be clickable. Any other links farther away from the bar can be click. Can you please display your sticky bar so we can check it?
Thank you in advance.
This is how it should look, but we would like to make links behind the sticky nav clickable somehow. I have displayed it so you can check it.
Hello Kyle,
What you want to do is not possible. It’s just that the element structure that you want is not possible with the bars in the header. You may have made the background color of the bar as transparent, the bar element still stays in front of the section as you scroll the page. It is best that you add a semi-transparent color in the bar so that the users will easily understand that anything in between the logo and the menu icon is not clickable.
Thank you for your understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.