[Resolved] site title and logo

[Brian]

Is it possible to have the site logo to the left of the title and description as opposed to under it?

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try adding this CSS:

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

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

[Brian]

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

[David]

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

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

[Brian]

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

[David]

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 */
}

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

[Brian]

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

[Brian]

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

[David]

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.

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

[Brian]

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

[David]

Glad you hear that 🙂

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

[Author]

Posts