• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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 Alignment

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header Alignment

This topic is: resolved

Tagged: alignment, header, html5, lifestyle Pro

  • This topic has 5 replies, 4 voices, and was last updated 12 years, 3 months ago by vintagemauve.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2013 at 10:20 am #69269
    vintagemauve
    Member

    How would I go about fixing the banner alignment on my homepage? It is already set to float left, but as you can see, it is cut off on the right side of the page.

    Thanks for your help!

    http://www.vintagemauve.com
    October 27, 2013 at 12:54 pm #69284
    RobG
    Member

    How did you insert your banner in to the hader section? and what theme are you using.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    October 27, 2013 at 5:03 pm #69330
    AnitaC
    Keymaster

    The width of the .site-header is 1120px. Your header image is 1140px. Reduce your image size to 1120px and upload it again. It should fit perfectly.


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

    October 27, 2013 at 6:45 pm #69354
    Nazario
    Member

    I think the best option is to make your header image responsive. You have a responsive theme, and if you do as 'Anitac, said it wont really fix your problem. Good luck

    October 27, 2013 at 7:05 pm #69360
    AnitaC
    Keymaster

    She didn't mention anything regarding responsiveness. In desktop mode her image is larger than the width of the header as I stated. She can add images in the responsive area as she needs them - but in normal mode - she needs to resize it to 1140px.


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

    October 27, 2013 at 7:32 pm #69362
    vintagemauve
    Member

    Thanks for the suggestions. I now have everything changed to 1120x, but it still does not look right. So then I went back and put everything back to 1140x in the site header code, as well as use a 1140x200 image. Again, it's still shifting to the right. I've already gone and removed a lot of the padding to make it more minimal, but I'm wondering if that is what is causing it to get cut off/flush right.

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble