Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

Answered issue with z-index

G

greencrest

New Coder
I'm rebuilding a site with a really old custom wordpress template and running into an issue with using z-index properly. The logo in the footer is supposed to float over the separation of the main content area and the footer, but the top of the logo that overlaps the content area is getting cut off. I have the z-index for the logo area set really high and I'm not seeing an overflow:hidden on the content area. I'm not sure what else could be causing the top of the logo to get clipped. Anyone have any insight?

organicrootstg.wpengine.com

Natural Food Store in Temecula with organic & natural food items

Largest organic and natural food store in Temecula. We offer our customers a large selection of organic and natural food products.
organicrootstg.wpengine.com organicrootstg.wpengine.com
 
Solution
Johna
The issue isn't with the z-index. An element lower in the HTML automatically sits in front of a previous element.

The problem is with the overflow property. Setting the overflow property to auto will hide any overflow, but add scroll bars. You need to set the overflow property on #footer-wrapper to visible to show the overflowing logo.
Sort by date Sort by votes
The issue isn't with the z-index. An element lower in the HTML automatically sits in front of a previous element.

The problem is with the overflow property. Setting the overflow property to auto will hide any overflow, but add scroll bars. You need to set the overflow property on #footer-wrapper to visible to show the overflowing logo.
 
Upvote 0 Downvote
Solution

New Threads

Latest posts

Share this page

Buy us a coffee!

Code Academy Advertisement
DataCamp Advertisement

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom