Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 13, 2018 at 2:08 pm #941503
    tramax

    Hello,

    I created a page with a fullwidth slider and a color section with three columns in one row.

    I positioned the color section so, that the columns go into the slider above. On the desktop version everythin is fine. But on my smartphone (samsung) the slider covers the first column.

    I already tried to fix it with a z-index. But it doesn´t work. The link is http://www.tramax-marketing.de
    Could you help me in this case?

    Best Regards
    Holger

    April 14, 2018 at 5:31 am #941801
    Rikard

    Hi Holger,

    I’m not sure I understand what you mean by that, could you post a screenshot of the problem and what exactly you want to change please?

    Best regards,
    Rikard

    April 18, 2018 at 3:54 pm #943646
    tramax

    Hello Rikard,

    how can I post a screenshot or an image here?

    Best Regards
    Holger

    April 19, 2018 at 1:12 am #943814
    Nikko

    Hi Holger,

    You can upload it on https://imgur.com/ and post the link here.

    Best regards,
    Nikko

    April 19, 2018 at 3:53 pm #944137
    tramax

    Thanks Niko,

    here is the link: https://imgur.com/a/atwTJiw

    There you can see, that the green box is behind the slider image. It should be before / over the image

    Working with z-index seems not to work.

    • This reply was modified 6 years, 7 months ago by tramax.
    April 20, 2018 at 10:20 am #944522
    ragepx

    I have the same problem in my Thread basically. Did you find a solution yet?

    April 20, 2018 at 5:11 pm #944646
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top.home #fullscreen_slider_1 {
    z-index: 1 !important;
  }
}

    Hope it helps :)


    @ragepx     if that doesn’t help, just remove the code and give us a link to your site with the issue and we’ll try to give you a css code that should work.

    Best regards,
    Nikko

    April 20, 2018 at 6:09 pm #944676
    ragepx

    Hey Nikko,

    I added the Link in the private content below, please have a look!

    Thanks!

    April 21, 2018 at 11:52 am #944888
    Nikko

    Hi ragepx,

    Thanks for giving us the link to your site.
    Can you try adding this css code in Quick CSS:

    #top #footer {
    z-index: 20;
}

    Let us know if this works :)

    Best regards,
    Nikko

    April 21, 2018 at 7:46 pm #944956
    ragepx

    Hey Nikko,

    worked perfectly! Thanks a lot! :-)

    April 23, 2018 at 3:28 am #945189
    Nikko

    Hi,

    Glad that we could help! Please feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Mobile version fullwidth slider covers color section below’ is closed to new replies.