Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 4, 2021 at 10:33 am #1308638
    phoeppner

    Hello,
    I’m struggling with the z-index on my project.
    I try to get the yellow image (top right corner) with some text to get in front of the sub-menu.
    The sub-menu seems to have the z-index 301, but it doesn’t matter what value i give to the yellow picture, it stays behind it.
    Do you have any idea?

    Or is there a better solution within the theme to solve that problem.

    Thanks in advance!
    Peter

    July 4, 2021 at 10:57 pm #1308681
    Mike

    Hey Peter,
    Thank you for the login and explanation, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #sub_menu1,#top.home #full_slider_1 {
	z-index: 0 !important;
}

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area.

    Best regards,
    Mike

    July 5, 2021 at 5:59 am #1308698
    phoeppner

    Thank you for that quick response!

    I tried that solution already, but when you scroll down, almost everything covers the sub-menu now and it is not clickable anymore.
    The solution should be: Image top layer, sub-menu in the middle and everything else of the site beneath that.

    Best regards
    Peter

    • This reply was modified 3 years, 4 months ago by phoeppner.
    July 6, 2021 at 8:02 am #1308889
    Nikko

    Hi Peter,

    Thanks for giving us admin access, I have removed the previous code and replaced it with:

    .home #av_section_1 {
    position: relative;
    z-index: 320;
}

    Please review your site.

    Best regards,
    Nikko

    July 6, 2021 at 11:54 am #1308920
    phoeppner

    Hey Nikko,

    that’s it!
    Awesome Nikko. Thank you very much.

    Best regards,
    Peter

    July 6, 2021 at 1:38 pm #1308937
    phoeppner

    Hey Nikko,

    I’m sorry. Unfortunately there is an issue open.
    If you try to click the menu, it covers the image.
    And the Kontakt isn’t clickable anymore.

    I was able to figure it out.

    Thank you!

    • This reply was modified 3 years, 4 months ago by phoeppner.
    July 7, 2021 at 5:33 am #1309016
    Rikard

    Hi,

    Great, I’m glad that you got it working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 18, 2021 at 7:36 pm #1317371
    phoeppner

    Hello,

    I did some changes to my site and now I have the same problem again.
    I’m not able to get the yellow image (top right corner) with some text in front of the sub-menu and the header.
    I’m sure you are able to figure it out.
    Could you please help me out one more time?
    I love the Enfold theme and use it with every page I build, but I’m not able to find a solution to realise that styling.
    If you have another solution using the tools of the theme, you’re very welcome.

    Thank you in advance again
    Peter

    August 20, 2021 at 5:15 am #1317552
    Rikard

    Hi Peter,

    Where can we see the problem you are having? I checked the site you linked to initially, but it’s not working anymore.

    Best regards,
    Rikard

    August 20, 2021 at 6:30 am #1317569
    phoeppner

    Oh sorry,
    see the link in private content.

    August 22, 2021 at 3:13 am #1317772
    Nikko

    Hi phoeppner,

    Please try to add this CSS code in your Quick CSS:

    .home #after_section_1 {
    background-color: transparent;
    float: right;
    width: 414px;
    position: relative;
    z-index: 502;
    margin: -51px 0 0;
}

.home #after_section_1 .container {
    max-width: 100%;
}

.home #after_section_1 .av_three_fifth {
    display: none;
}

    Then please replace this code on your site:

    #vielfaeltig {
    margin-top: -34%;
    margin-left: 45%;
    z-index: 402;
}

    with:

    #vielfaeltig {
    margin-top: -34%;
    margin-left: 0;
}

    Hope it helps.

    Best regards,
    Nikko

    August 27, 2021 at 8:40 pm #1318712
    phoeppner

    Thanks Nikko,

    that helped. Great Support!

    Best regards,
    Peter

    August 28, 2021 at 4:35 am #1318732
    Nikko

    Hi Peter,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Problem with z-index’ is closed to new replies.