[Resolved] Problem with Mobile Logo when I updated Generatepress

[Federico]

Dear,
I’m contacting you because since I updated generatepress the css I used on the mobile version of my site doesn’t respond like before the update.
I just want to have the logo in the center and bigger on the mobile version.

Please help me.

Thank you.

All the best,
Federico

[Federico]

Hi,
I removed some css and it seems to look better. But I still cant get to make the logo bigger and the header bigger. And when the header is bigger the logo stays small and on the top of the header. It doesnt go to the center in terms of height. The logo should be aligned to the left but center vertically in the header.

Looking forward to hearing from you.

Thank you!

All the best,
Federico

[Federico]

Hi Tom and David,
I know there is documentation in the forum about the mobile size of logo. I’ve been trying with different css codes but I cant fix the problem. Do you mind helping me with this?

Thank you!

All the best,
Federico

[David]

Hi there,

so it looks like you resolved the layout issues.
So you just need to make the mobile header logo larger? Is that correct?

[Federico]

Hi David,
Yes, I would like to make the logo larger and the header height larger. Then the logo should be aligned to the left like it is now but center vertically in the header. When I make the header height bigger the logo stays the same size and stays in the top not centered vertically.

Thank you!!!

Best,
Federico

[David]

Try this:

#mobile-header>.inside-navigation {
    align-items: center;
}
.mobile-header-navigation .site-logo.mobile-header-logo img {
    height: 66px;
}

[Federico]

Hi David,
It worked! Thank you so much. Best theme and best support ever.

All the best,
Federico

[David]

You’re welcome – really glad to hear that!

[Author]

Posts