Home Forums Arnold WordPress Theme Header lower than in demo (mobile/tablet)

This topic contains 1 reply, has 2 voices, and was last updated by  BWSM 1 year, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #14414


    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!




    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;}


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!