Header issues on mobile device

  • Author
  • #100460

    I have added a custom logo and image to the header, and left the header text as empty.

    I looks exactly how I want it to on desktop, but it distorts and looks awful when viewed on mobile.

    The header depth also seems different on mobile as it shows a while band at the bottom of the image that isn’t there on desktop.

    There doesn’t seem to be different settings for configuring mobile appearance vs. desktop – what can I do to fix this?

    Website: www.getfletched.com

    Cryout Creations mastermind

    You have enabled the ‘keep header image aspect ratio’ option, however the image has a width/height ratio that doesn’t provide enough height on the smallest devices for the site title/tagline to still fit in. You need to either use a taller image or disable this option.

    Also, please use this custom CSS to get rid of the white space beneath the image:

    #branding, #bg_image { 
       display: block;

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Header issues on mobile device’ is closed to new replies.