Archived topic

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

2 replies · Started by Benjamin on February 15, 2017

Viewing posts 1–3 of 3

February 15, 2017 at 2:59 pm #279344

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/

February 15, 2017 at 3:04 pm #279346

Hi Benjamin,

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

Let me know.

February 15, 2017 at 7:43 pm #279449

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.

This archived topic is closed to new replies.

Start building better websites today.