[butlerjeffery]

Hello-
I’m looking to center the logo on mobile devices and adjust the height of header so that the logo does not bleed over into the main content when scrolling.
Thank you!

[serkan]

Hi,
Thank you for reaching out!
You can achieve both adjustments from the Customizer:

1. To center the logo on mobile: Go to Appearance > Customize > Header > General and select the “Menu Bottom” layout. This will place the logo in the center with the menu below it.

2. To adjust the logo height on mobile (so it doesn’t bleed into the content): Go to Appearance > Customize > Site Identity > Image Logo Height Mobile (px) and reduce the value until the logo fits properly within the header area.

Let me know if you need any further help!

Best regards,
Serkan

[butlerjeffery]

My client is requesting that we keep the size of the logo on the mobile layout. I’m hoping to increase the hight of the header so it contains the logo when scrolling.

Appreciate the help!

[serkan]

Hi there,

Thanks for reaching out! You can adjust the header height and logo size directly from the theme settings without any custom code.

Please go to Appearance > Customize > Header, and from there you’ll be able to configure the header and menu settings to accommodate your logo on mobile devices as well.

Let us know if you need any further help!

Best regards
Serkan