Header builder // Header is bigger on woocommerce shop page.

huismangerwin · January 2020

Hi Guys,

hopefully it is just a setting. But the problem I have only appears on the page that is marked by Woocommerce as Shoppage. I've build my header with the header builder so I could have full control over the header on any kind of device. Tested in different browsers and they all have this problem. Even in the mobile header its bigger.

tips are welcome

Pablo · January 2020

Hello,

Can you disable the "Under Construction" mode?

I wanted to inspect your website source code.

Thanks

huismangerwin · January 2020

it's off now

Pablo · January 2020

This is a problem of our theme, indeed.

We will fix that in the future update, right now please use this CSS code.

Paste it into the Theme Options > Custom CSS & JS > CSS

.mhb-logo .logo {
	height:100px;
}

Thanks

huismangerwin · January 2020

The code works. Is there a code to get it different sizes by desktop, mobile and tablet?

Bryan · January 2020

Hey,

you can control the css used above on different screen sizes using media querys:

example:

@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

thanks

Header builder // Header is bigger on woocommerce shop page.

Comments