Header lower than in demo (mobile/tablet)

[john]

Hi team Uiueux,

In the demo, the header content rightfully hugs the top of browser on mobile/tablet closer than it does on desktop.

Put another way, there is less space/padding above the header content on mobile/tablet than for larger devices.

However, in my site, more space has been added – not sure how. Can you advise on how to make it like the demo?

See here: http://ge.tt/7XVnvMo2

Thanks in adv!

[SeaTheme]

Hi,

Did you talk the Header bar height? The Header bar height is 80px by default.

Please use the custom css(“Appearance > Customize : Additional CSS”) to set Header bar height(if set 100px):

@media (max-width: 767px) {
body.responsive-ux #header-main > .container-fluid,.responsive-ux.navi-show-h .navi-logo, .responsive-ux.navi-hide .navi-logo, .responsive-ux.navi-hide .header-main > .container-fluid, .responsive-ux.navi-hide .header-main > .container  { 
height: 100px; } 
.responsive-ux .navi-logo .logo-wrap, .responsive-ux #woocomerce-cart-side,
.responsive-ux .logo-a, .responsive-ux #logo, .responsive-ux .logo-h1, .responsive-ux .header-main,.responsive-ux #header #logo .logo-h1 {
 line-height: 100px;height: 100px;}
}

Regards!

[Author]

Posts