Skip to content
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
GeneratePress
  • Home
  • Premium
  • Site Library
  • Install
  • Help
    • Documentation
    • Support Forum
    • Contact
  • Log In
  • Log In
  • Free Support

[Support request] Logo to far left, and post/page content shifted up

Home › Forums › Support › Logo to far left, and post/page content shifted up

  • This topic has 2 replies, 3 voices, and was last updated 4 years, 1 month ago by Tom.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 15, 2017 at 2:59 pm #279344
    Benjamin

    Howdy. I’m scratching my head over how to achieve the following layout. Essentially we’ve got a full-width header, and I’d like the site logo to shift to the far left, allowing the body content to shift up to below the navigation.

    Here’s what I’d like:
    http://scienceblog.com/wp-content/uploads/2017/02/New-antibiotic-from-bacteria-found-on-Kenyan-ant-could-help-beat-MRSA-ScienceBlog.com_.png

    Here’s what we’ve currently got:
    https://scienceblog.com/492159/new-antibiotic-bacteria-found-kenyan-ant-help-beat-mrsa/

    GeneratePress 1.3.44
    GP Premium 1.2.94
    February 15, 2017 at 3:04 pm #279346
    Leo
    Staff
    Customer Support

    Hi Benjamin,

    Try Customizer > Layout > Header > Header Width/Inner Header Width > Full.

    Let me know.

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/

    February 15, 2017 at 7:43 pm #279449
    Tom
    Lead Developer
    Lead Developer

    What Leo is suggesting is the first step.

    Then you would do this:

    .inside-header {
        position: relative;
    }
    
    .site-logo {
        position: absolute;
        left: 0;
    }

    You might want to put that in a media query as I’m not sure how good it will look on smaller screens/mobile.

    Documentation: http://docs.generatepress.com/
    Adding CSS: http://docs.generatepress.com/article/adding-css/
    Ongoing Development: https://generatepress.com/ongoing-development

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Common Issues

  • Missing style.css
  • Updating errors
  • Plugin Install Failed

Useful Articles

  • Installing GP Premium
  • Installing GeneratePress
  • How to add CSS
  • How to add PHP

GeneratePress

  • About
  • Premium
  • Site Library
  • Gutenberg
  • Affiliates
  • Reviews
  • Brand Assets
  • Blog
  • We’re Hiring!

Support

  • Documentation
  • Contact Us
  • Support Forums
  • Fastest WordPress Theme
  • Changelogs
  • Legal
  • Donate
  • Translate

Popular FAQs

  • Install GeneratePress
  • Installing GP Premium
  • Missing style.css
  • Plugin Install Failed
  • Adding CSS
  • Adding PHP
  • WordPress Hosting

Social

  • Facebook
  • Twitter
  • WordPress
  • GitHub
Made with on Vancouver Island
  • Home
  • Premium
  • Site Library
  • Install
  • Contact
  • Support Forum
  • Documentation
  • Account
  • Checkout