How can I eliminate the large white space from my webpage header?

[lazzy99]

Can anyone help me remove this big white space where my page title used to be? I need to remove it for all pages and for the collection page.

LAZLARA

laz90yur

[DitalTek]

hi @lazzy99 ,

This is solve for you, Can you going to /assets/theme.scss.css and add the short code bellow at the bottom that file:

.page-width .section-header{

display:none;

}

[Niraj_singh]

Hello @lazzy99

Please use below code on assets → theme.scss.css at the bottom to remove unwanted space on policy page

@media only screen and (min-width: 750px){
body#policy header.section-header{
display:none !important;
}
}

[diego_ezfy]

@lazzy99 , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.collection-template .section-header{
    display: none !important;
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[siennatoi]

Want to remove spaces above and below the header ? Use below code…Copy-paste it in Customize>Advanced CSS;

.site-header { padding-top: 0px;
padding-bottom:0px;}
.header-image .site-header .title-area, .header-image .site-header .widget-area {
padding-top: 0;
padding-bottom: 0;
}

[lazzy99]

Thank you all!!