Problem with header on pages except HOME

Have you tried adding Padding or Margin to the body/next section?

@christinajoujou What is the code for that?

If you want, send me a link to your site and I’ll have a look…

https://donuthing.com/shop/

I just want to get rid of the blue banner/header. Same with the checkout and cart page, I did some coding and I got rid of it, but only when im on mobile the padding/margin is not good for the content

This were the codes I used:

.home .page-header{
height: 100vh !important;
}
.shop .page-header{
height: 100vh !important;
}

.archive .page-header.header-small .container {
display: none !important;
}

.archive .page-header.header-small {
min-height: 70px !important;
}

.archive .page-header.header-small .header-filter-gradient {
display: none !important;
}

.header-filter-gradient {
background: linear-gradient(45deg, rgb(240, 240, 240) 0%, rgb(240, 240, 240) 0%);
}

.woocommerce.single-product
{
margin-top: -100px;
}

.woocommerce-checkout {
margin-top: -170px;
}

.woocommerce-cart {
margin-top: -230px;
}

.main {
position: relative;
background: #F0F0F0;
}

But when I add these codes, the mobile version is not working very well.

EDIT; I have now deleted these codes. So you can see the banner/headers

• This reply was modified 5 years, 10 months ago by donuthing.

I just want to get rid of the blue banner/header. > I guess you mean the black navbar? I don’t see anything blue…

Ok, so the problem I see is that if you don’t want the navbar, we can make it transparent, but the menu will still show which means it will overlay the rest of the page when scrolling…

I don’t see the initial problem you pointed out about the bit of the content not being shown.

@christinajoujou Yes, I got it finally! Had to do something with @media queries. Thanks!