Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 3, 2015 at 6:41 pm #468198
    thecszone

    Hi,
    I have made a few modifications on my site, but can’t figure out how to solve my latest problem. My header is overlapping my slider. Can you help with this? I changed the slider size to 400 and modified the first slide image only so I realize the other slides are still 430.

    July 4, 2015 at 11:51 am #468377
    Ismael

    Hey thecszone!

    Thank you for using Enfold.

    Did you add any height or padding modification in your header? Please try to add this to the Quick CSS field:

    .html_header_top.html_header_sticky #top #wrap_all #main {
  padding-top: 141px;
}

    Adjust the top padding value if necessary.

    Best regards,
    Ismael

    July 4, 2015 at 4:36 pm #468416
    thecszone

    I have added this and it makes no difference. As I look at it more, I wonder if the problem is in the spacing with the menu. When you scroll over the menu and the colored line comes up there is a large vertical space between the menu words and the line. I would like there to be less space there. How do I reduce that space? I will try it and see if it solves my problem.

    July 6, 2015 at 6:31 am #468671
    Rikard

    Hi!

    I’m not sure if you managed to get any closer to solving your problem? Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

    July 7, 2015 at 8:14 pm #469917
    thecszone

    No one responded to my last post, so no I have not gotten any closer. Can you help me figure it out?

    July 9, 2015 at 11:23 am #470728
    Andy

    Hi!

    sorry for the late response. You can control this line using this code:

    span.avia-menu-fx {
top: 68px;
}

    Adjust as needed.

    Hope this helps!

    Best regards,
    Andy

    July 9, 2015 at 6:23 pm #471064
    thecszone

    Okay, great that solves my menu issue, but unfortunately it doesn’t solve the issue that the header is overlapping the slider. I have tried the earlier response to my question of
    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 141px;
    }
    but no matter the number of pixels I put in the code, it changes nothing.

    July 10, 2015 at 12:06 pm #471400
    Andy

    Hey!

    try this code:

    div#layer_slider_1 {
margin-top: 22px;
}

    and adjust as needed.

    Best regards,
    Andy

    July 10, 2015 at 6:18 pm #471663
    thecszone

    Works perfectly, Andy! Thanks so much!!

    July 12, 2015 at 9:41 am #471972
    Rikard

    Hey!

    Glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Main page slider under header’ is closed to new replies.