Logo to far left, and post/page content shifted up

[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

[Leo]

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/

[Tom]

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