Remove white space above/below header on mobile

  • Unknown's avatar
    passionsandplaces · Member ·

    Hi all,

    I’m using a Genesis Framework theme (Lifestyle Pro) for my blog, and I made a couple small changes to increase the height and width of the header image (Under “Add support for custom header” in functions.php, changed height to 300 and width 1140; Under “Site Header” in style.css, changed padding to 0 and min-height to 300).

    It looks great on desktop, but there’s a ton of white space above and below the header image on mobile. Also on a tablet-sized screen, the navigation bar gets messed up (which you can see in this screenshot).

    Is anyone able to help? I’ve spent ages trying to figure this out, and nothing has worked!

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @passionsandplaces, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org forums.

    The differences between WordPress.com and WordPress.org.

  • The topic ‘Remove white space above/below header on mobile’ is closed to new replies.