-
Posts
-
I am working on a website update, trying to include a contact button on the right side that flows over everything (by scrolling). It works fine until it gets to the footer, there it goes into the background. Could you help me bring this button in front of everything?
The URL: https://albrechtbolzli.ch/
Thanks a lot!Hi 360buddy,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
.home #after_section_4 { z-index: 99; }Best regards,
NikkoThank you Nikko, this works fine on the home page, but how can I do it on other pages such as
https://albrechtbolzli.ch/service-unterhalt/
or
https://albrechtbolzli.ch/portfolio-item/mehrfamilienhauser-genossenschaft-gbz-7-8053-zurich-witikon/
Thanks in advance!Hi 360buddy,
I see, please replace the code I gave you with:
#footer { z-index: 0; }Hope it helps.
Best regards,
NikkoHi Nikko, that also helps, but unfortunately not with the sidebars :o(
Maybe you have a solution for that too? Would be great.
Thanks again in advance!Hi 360buddy,
I see, please replace the code I gave with this code so it will include sidebars:
#footer, #main .sidebar { z-index: 0; }Best regards,
NikkoHi Nikko,
Thank you, now it works in the sidebar, only on the following pages (for the small mobile devices) the main content still remains above the button. I tried to fix this myself, but unfortunately I failed…. …maybe I can ask you one last time for support for this button problem.
Many thanks in advance !Hi 360buddy,
Can you try adding this CSS code as well:
.avia_codeblock_section { position: relative; z-index: 9; }Best regards,
NikkoHi Nikko,
Thank you so much, now it’s perfect, you can close the case! :o))
Till another time, thank you very much again!
- The topic ‘Bring a button in front of everything’ is closed to new replies.