Reduce space underneath menu bar, Storefront Theme

  • Does anyone know how to delete the space between my slider or main body and my menu bar? I know this question has been asked but I’ve tried everything I can find and I cannot get it to work. Any help would be so much appreciated!!!
    https://www.decorodesign.com

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

  • Assuming you have a child theme and can add custom CSS code, try this:

    .site-header { margin-bottom: 0px; }

    Thread Starter t7spence

    (@t7spence)

    Thank you so much for responding! I’m desperate to get this fixed. I have tried that for sure. I just put the code in the Edit CSS portion under the Appearance tab. I know I could be doing something wrong but I’m not sure what it could be. I’ve also adjusted the px from anywhere from -800 to 800 and it never makes any difference. ??

    Also, if you want to remove the small gap that remains try:

    .page-template-template-homepage-php .content-area { margin-top:-16px;}

    I don’t have the Poodle Pro extension, so I’m not sure what that interface looks like.

    Change it to this:

    .site-header { margin-bottom: 0px !important; }

    Thread Starter t7spence

    (@t7spence)

    Wow, that’s amazing. You’ve just helped me more than me trying weeks of different codes to take care of it. I didn’t think that anything would work. So it did take the space way way down. There’s still a small gap in there. Any ideas on how to fix that one? Feel free to be done with me as well! ??

    No problem.

    My replies are somewhat out of order… lol… That small gap is a bit of a stumper… I can’t see it being added but we can negate it by negatively setting the top marging. Try this to remove the small gap:

    .page-template-template-homepage-php .content-area { margin-top:-16px !important;}

    BTW, if you have tried other code that didn’t work make sure you remove it.

    Thread Starter t7spence

    (@t7spence)

    Just changed that with the !important and I still can’t get rid of that small gap but I’m just not going to worry about it. It’s SO much better than it was and I really appreciate the help. ?? Thanks!

    I don’t see that class on the page any more so try this one:

    div.content-area { margin-top:-16px !important;}

    Thread Starter t7spence

    (@t7spence)

    You did it!! Ha, ha, ha! Thank you! I’m pretty thrilled. Woo. On to the next parts of my site now. ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Reduce space underneath menu bar, Storefront Theme’ is closed to new replies.