Header Widget

I should add that I've tried adding the logo into the generate hooks so that the number appears below the logo in responsie view. Now insteadof the space pushing the logo out from the top it's doing it from the bottom.

Oops here is the link - Woodshed

An update. I've pretty much got this working Ok using the hook. The only real thing of note is that the number doesn't position correctly when transition between mobile and full screen view. The number drops to the bottom right of the main container until the page is refreshed.

Looks perfect to me as I resize my browser? Goes from the far right to directly under the logo instantly.

If you're not seeing that, maybe try clearing your cache?

Let me know :)

Hi Tom

It's pretty much looking fine in either desktop or mobile - it's just if you transition between the two i.e. by re-sizing the browser.

If you go to mobile then expand the screen back out to full size the page looks like the first image. It only draws correctly (second image) after a refresh.

Try this:

@media (min-width:769px) {
      .site-logo {
            float: left;
      }
}

Worked like a charm! Thank's very much for the help Tom! :-)

No problem! :)