Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 10, 2022 at 12:39 am #1351088
    acscreativenew

    Hi,

    So im working on a project and I have added a bar across the side that disappears when you scroll down but then reappears when you scroll up. It works fine on my first color section of the page (bar is above content) but then when you get to the second color section and below it has z-index issues. Think you can take a look and help me out with a solution?

    Just scroll up and down the page and you should be able to see what im talking about.

    Thanks
    -Dan

    May 10, 2022 at 1:42 pm #1351166
    Rikard

    Hi Dan,

    I’m not sure if I can see the problem on my end, could you share a screenshot highlighting it please?

    Best regards,
    Rikard

    May 10, 2022 at 2:56 pm #1351171
    acscreativenew

    The first image you can see that the blue bar under the nav sits above the content in the first color section.

    The second link you can see that the blue bar is sitting under the content in the second color section.

    May 10, 2022 at 8:57 pm #1351276
    Yigit

    Hi Dan,

    Thanks for contacting us!

    Could you please try moving your Code Block element into a separate Color Section element with a custom ID (you can edit your Color Section element and go to Advanced > Developer Settings > Custom ID. “custom-bar” in example below) at the very beginning of your page and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

    #custom-bar {
  z-index: 2;
  position: fixed;
}

    Best regards,
    Yigit

    May 10, 2022 at 9:28 pm #1351283
    acscreativenew

    I was able to get this working, thank you!

    May 10, 2022 at 9:42 pm #1351284
    Yigit

    Hi,

    You are welcome, Dan. Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Z-Index issue’ is closed to new replies.