StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Header Not Centered On Mobile Devices Magazine Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header Not Centered On Mobile Devices Magazine Pro

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 7, 2014 at 3:10 pm #113265
    tspaulding
    Member

    Hello,

    i just checked my website on my iPhone and iPad and my header image is not centered. Can someone help me with this. Also on my iPhone the header height seems to be off. There is more white space than I want. Any help is greatly appreciated.

    Thanks,

    Tia

    http://spauldinglane.com/

    http://spauldinglane.com/
    July 7, 2014 at 3:14 pm #113267
    AnitaC
    Keymaster

    It's because your header if 960px wide and it's off centered in the original image http://spauldinglane.com/wp-content/uploads/2014/07/cropped-Spaulding-Lane-Header-Image.png.

    Need help with customization or troubleshooting? Reach out to me.

    July 7, 2014 at 3:25 pm #113269
    tspaulding
    Member

    Anitac,

    Thank you for the help! I will see if I can fix that. So having a header size of 960px will continue to mess that up even after it is centered?

    Thanks,

    July 7, 2014 at 3:57 pm #113274
    AnitaC
    Keymaster

    To some degree yes. But with what you have there I would make the logo more sized closer to the words, i.e., remove the white space on the left and right, and then load it. But you will probably need to change the size in functions.php file. You will see "support for custom header" and the size. Once you cut out the white space and resave it - then upload your new header/logo,

    Need help with customization or troubleshooting? Reach out to me.

    July 7, 2014 at 4:10 pm #113275
    tspaulding
    Member

    OK Thanks! I will try that!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.