Sticky Header Bottom border disappears

  • yawadde

    (@yawadde)


    5 years ago

    How can I make the bottom border of the ‘sticky header’ also sticky because now this white border disappears when scrolling down?

    Second problem is that this white bottom border should not appear on the front page when the header is not yet in “sticky” mode….

    As now on the home page the white border shows and runs thru the background image, but that white border should only appear when scrolling down.

    So the bottom white border should be inside the sticky header and not outside of the sticky header (without using image if possible)?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @yawadde,

    From your dashboard, go to Appearance > Customize > Theme Options > Header > Header Main Area and please make border value to “0” to remove it.

    To add border only in sticky mode: Please Add below CSS in Additional CSS of Customizer.

    .tg-site-header-bottom.sticky-header {
    border-bottom: 5px solid #ffffff;
}

    Thanks.

    Thread Starter yawadde

    (@yawadde)

    Thanks, it’s working fine now!

    But I have now a different problem

    The problem I have now with the sticky header is that on the page beauty & contact, I am not able to move down … it’s stuck the page.

    The other pages I can scroll down but on these 2 pages not.
    It’s like the sticky header is preventing I scroll down, if I disable sticky header, I can scroll down without any problems.

    • This reply was modified 5 years ago by yawadde.
    Thread Starter yawadde

    (@yawadde)

    Dear,

    The problem I have now with the sticky header is that on the page beauty & contact, I am not able to move down … it’s stuck the page.

    The other pages I can scroll down but on these 2 pages not.
    It’s like the sticky header is preventing I scroll down, if I disable sticky header, I can scroll down without any problems.

    Thanks!

    Hello @yawadde,

    It seems you’re using the Premium version of the Zakra since sticky header options is available in the Premium version only. So, please contact us via https://zakratheme.com/ Chat Support or create a premium support ticket from there.

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sticky Header Bottom border disappears’ is closed to new replies.