header menu drop down is behind section of page

  • Resolved Brett

    (@techbrett)


    4 months, 1 week ago

    Hello,

    When on the portfolio page and you click Services, the drop down menu is appearing behind the pictures of the portfolio section within the container on the page. Not sure how to fix this, I have the Header section z index set to 1 and the page and portfolio section within the page have no z index set. I tried setting it to two, didn’t work.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • The URL you gave is not public, so we’re unfortunately unable to access the page and help you fix this.

    Without being able to see anything the only answer is the z-index. But, remember that for a z-index to be applied to any element, you also have to set the position value as well otherwise it won’t be applied. The elements also have to be at least close in the DOM tree otherwise other elements can mess with them.

    If it’s something like this, it should work (totally made up, no resemblance to real world):

    .header {
        position: relative;
        z-index: 1;
    }
    .content {
        position: relative;
        z-index: 0;
    }
    Thread Starter Brett

    (@techbrett)

    Thank you for your replies, here is the image of what it is doing. 2024-11-10 09_53_31-Portfolio.png

    I went into Elementor and regenerated css and elementor data buttons and refreshed, that did not work. I inserted a header into the section above the portfolio to see if that too was doing it and it was an issue with the page or the container itself, but it worked fine. The menu has no issue there, so I inserted a new Portfolio under the header and that too had no issue with the menu. So I recreated the Portfolio and now it is ok. I have no clue why it happened!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.