Remove space between Header and slider

Hey there jonathanc52,

How are you doing today?

This should definitely be possible with some custom CSS. To remove that space please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.home header#masthead.site-header {
    margin-bottom: 0;
}

This should remove that space and will affect only the home page. If the code doesn’t work please keep it added and let me know so I can take a look ??

Have a great weekend!

Cheers,
Bojan

Hi,

I have added that code in but it still looks the same.

This is what the code looks like.

/*
Theme Name: Storefront Blank Child Theme
Theme URI: https://woothemes.com/storefront
Author: PootlePress
Author URI: https://www.pootlepress.com
Template: storefront
Description: Storefront blank child theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child
*/
<meta name=”p:domain_verify” content=”409b15c3bbf34a8c9a36d2d749ea231b”/>
.home header#masthead.site-header {
margin-bottom: 0;
}

Hi,
I am just trying to solve this at the moment too. The thing is that the margin already is 0, so that CSS code doesn’t change anything. The space seems to be called header-widget-region. I think the question is how to get rid of this region, or make it smaller.
Will get back, if luckier.

This worked for me:

.header-widget-region {
display: none; }

Only now the breadcrumbs moved to the right for some reason. I moved them back to the left by adding this

.woocommerce-breadcrumb {
    width: 280px;
    }

Hey again jonathanc52,

I’ve checked your site sand I can’t see the code being added there, after checking your child theme style.css I’m assuming the following part is the issue:

<meta name="p:domain_verify" content="409b15c3bbf34a8c9a36d2d749ea231b"/>

I’m pretty sure you’re not supposed to add this in your child theme style.css but in header.php, try removing this line and the code should work.

Hope this helps ??

Best regards,
Bojan

Hi,

Could you confirm what and were I should put the code?

I’ve tried both but none has worked for me.

Thanks for your help.
Jonathan

Hey Jonathan,

You can leave the code as is in your child theme style.css just remove the line I mentioned above.

Or you can try using plugins such as this one https://www.ads-software.com/plugins/simple-custom-css and after you install and activate it place the code in Appearance -> Custom CSS.

Hope this helps ??

Best regards,
Bojan