Okay
  Public Ticket #1391301
White space under header on mobile
Closed

Comments

  •  38
    Dave started the conversation
    December 4, 2017 at 1:47pm

    Hi there,

    Just setting up new site and on homepage notice white space under header at screen sizes under approx 1080px. Background image position for row set to Center Top. 

    Running Salient  8.1.0 on WP 4.9.1.

    Thanks,

    Dave

  •  9,016
    Tahir replied
    December 4, 2017 at 2:01pm

    Hey Again,

    Try using the Force Transparency Option in "Page Header Settings" Metabox . See screenshot : http://prntscr.com/gjnyit .

    Best

    ThemeNectar Support Team 

  •  38
    Dave replied
    December 4, 2017 at 3:35pm

    Hi Tahir,

    But that just gives me a transparent header which I don't want. It should be a solid black header straight into the background image below, with no white space ie how it is on screen sizes over 1100px. I'm guessing the header reduces below this screen size but page content doesn't move up to match.

    Thanks,

    Dave

  •  38
    Dave replied
    December 6, 2017 at 9:02am

    Hi Tahir,

    Managed to fix myself...

    @media only screen and (max-width:1000px){
    #header-space { height: 55px !important} 

    }

    I've noticed an issue with product quantity input plus button not positioning correctly. This is odd as I have no custom css relating to this so can only assume a problem with the theme - http://bespoke-apparel.com/product/bespoke-hoodie/.

    Any ideas on this one?

    Regards,

    Dave

  •  9,016
    Tahir replied
    December 6, 2017 at 11:04am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body[data-form-style="minimal"] .quantity .minimal-form-input {
    padding-top: 0px !important;
}

    Thanks

    ThemeNectar Support Team