Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 22, 2015 at 11:31 pm #416133
    daniejm

    Hi there,

    I’ve recently transitioned to a sticky header on my site and its wreaked some havoc with the Fullwidth easy slider at the top of the page.

    The sticky header is covering a portion of my images, which is causing the top ~30px of the image to be cut off. If you look closely at the picture below you can see the image appearing through the transparency. This is emphasized by the red brackets. How can this be corrected?

    Also, as indicated by the yellow section, there is a 1px line between the slider and the color section below it. How can this be eliminated, please?

    Just when I thought I was getting better at manipulating your theme. :)

    Best regards,

    Joe

    • This topic was modified 9 years, 8 months ago by daniejm.
    March 23, 2015 at 6:28 pm #416553
    Yigit

    Hey Joe!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    March 24, 2015 at 1:22 am #416832
    daniejm

    Hi Yigit!

    Thank you! The code has corrected the overlap issue between the sticky header and image slider. However, the pesky 1px line between the slider and the color section still exists. Is there anyway to get rid of that?

    Thank you,

    Joe

    March 24, 2015 at 8:19 pm #417359
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .home #av_section_1 {
  border-top: none;
}

    Cheers!
    Yigit

    March 26, 2015 at 1:03 pm #418473
    daniejm

    That did it, sir! Glad I asked – I would’ve never figured that one out on my own. lol

    This thread can be CLOSED! Thank you so much.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Sticky header / Fullwidth easy slider issue’ is closed to new replies.