Extra padding…

  • Resolved photomom86

    (@photomom86)


    6 years, 2 months ago

    I want my .site-header (which is my logo and a nav menu) to be sticky. I can get the plugin to work but there is too much white showing below the sticky menu when you start to scroll… I’ve tried to figure out how to make it work but I can’t seem to get it too work.

    Alternatively, if the above won’t work, how can I make just my .header-widget-area sticky but centered once scrolled down… right now if I only use .header-widget.area for the sticky option it is off centered.

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

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

  • To get rid of the white space, you’ll first need to add the following CSS code:

    .site-description {
   display: none;
}

    Next, instead of using .site-header as the sticky element, set it as .site-header .wrap.

    Let me know if that helps!

    Thread Starter photomom86

    (@photomom86)

    Thanks for the reply, that worked.

    One more question, is there a way to add a border to the bottom? Similar to the one I have above and below the nav menu.

    Thanks!

    If you can enable to plugin again and apply it to your header, I can see what you mean exactly and I’ll be happy to take a look.

    Thread Starter photomom86

    (@photomom86)

    Hi there! Sorry for the delay. I have re-enabled the plugin. Adding to my last question about the double borders, is there a way to make the logo shrink a bit? Thanks!

    Adding borders and resizing logos is more of a design issue than with my plugin, but you can try adding the following CSS code to get that:

    .site-header .wrap.element-is-not-sticky {
    border-top: double transparent;
    border-bottom: double transparent;
}

.site-header .wrap.element-is-sticky {
    border-top: double #e8e8e8;
    border-bottom: double #e8e8e8;
}

.site-header .wrap.element-is-sticky .site-title>a {
  min-height: 50px;
  margin: 10px 0 15px;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Extra padding…’ is closed to new replies.