I am trying to place a floating box on my site. I created a div and placed on in the header.php file. As you can see on my site, the box shows but gets covered by other colored sections when scrolling.
What file should I place this div so it displays on the site and always on top of other sections when scrolling?
Hi ejet!
Thank you for using the theme!
Do you mind if we take a look at the actual page?
Best regards,
Ismael
Hi!
Thank you for the link.
It is working fine when I checked the website. It’s not being covered by color sections. Try to increase the z-index of the floating box:
#floatbox {
max-width: 300px;
height: 150px;
background: #fcfda8;
position: fixed;
padding: 15px;
right: 10px;
top: 200px;
bottom: 250px;
font-family: arial;
font-size: 18px;
z-index: 9999;
}
Just add the z-index property.
Regards,
Ismael
Thank you for the support Ismael.