site title and logo

Hi there,

try adding this CSS:

.inside-header {
    display: flex;
    justify-content: center;
}
.site-logo {
    order: -1;
    margin-right: 1em;
}

Hi David, Thanks for that, It looks great. The only problem is when I put it into mobile mode on the customiser, it doesn't turn out as well:

https://ibb.co/7yF7JDQ

Kind Regards,

Brian Thompson

How would you like it displayed on mobile?
We can reduce the image and site branding?

Hi David,

Is it possible to have it displaying as the logo under the title and description? I was trying to do it by putting the css you gave me inside the following:

@media (max-width: 768px) {
/* CSS in here for mobile only */
}

but it didn't work for some reason. Could you please tell me what I am doing wrong?

Kind Regards,

Brian Thompson

So the CSS i provided works for desktop, you would use min-width instead of max-width like so:

@media (min-width: 768px) { 
/* CSS in here */
}

Hi David,

Thank you for getting back to me so quickly, I wasn't expecting you to reply for a while because it is night with you over there. It is 10 to 10 with us in the morning here.

That works well, the only thing is would it be possible to have the background image come down behind it in the mobile view? please see below:

https://ibb.co/G3ZrrWz

Kind Regards,

Brian Thompson

Hi David,

Sorry for the last post. I was messing around with the settings in the background image for the header and I got it the way I want it to be.

Thanks for that.

Kind Regards,

Brian Thompson

I am based in the UK :)

In your Header Background - try setting the Background size to cover this should make sure it always fills the header.

Oh ok. I have it done! Thanks For that.

Glad you hear that :)