[Resolved] Mobile Platform

[jim]

Dear Support,

I upload a demo site from the site library (Avery).

While uploading the logo I noticed that it’s not being implemented for mobile devices. Still the ”avery” one.

any idea how to fix?

thanks

[David]

Hi there,

go to Customizer > Layout > Header and change the Mobile Header Logo

[jim]

thanks David!

[David]

You’re welcome

[jim]

Now it’s fine but the logo is not placed correctly within the area

[Leo]

Looks like the mobile header logo is a little too big.

Can you link me to the page in question?

[jim]

here you are Leo.

thanks

[David]

Yes, the issue is with the size of the logo. The logo image itself has a lot of white space around it it would be best to trim the white space from the original logo and upload a new image for the mobile header.

Alternatives are:

1. Reduce the Mobile Menu Item height in Customizer > Layout > Primary Navigation.
The logos display size is based on that value.

2. If you don’t want to reduce the menu item height – add this CSS:

.mobile-header-navigation .site-logo.mobile-header-logo img {
    height: 60px;
}

[Author]

Posts