• 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!!!
    http://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.