Archived topic

Mobile Platform

7 replies · Started by jim on November 5, 2020

Viewing posts 1–8 of 8

November 5, 2020 at 6:45 am #1519004

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

November 5, 2020 at 6:57 am #1519219

Hi there,

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

November 5, 2020 at 7:01 am #1519222

thanks David!

November 5, 2020 at 7:12 am #1519237

You're welcome

November 5, 2020 at 9:13 am #1519405

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

November 5, 2020 at 10:59 am #1519536

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

Can you link me to the page in question?

November 6, 2020 at 12:31 am #1520041

here you are Leo.

thanks

November 6, 2020 at 5:25 am #1520297

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;
}

This archived topic is closed to new replies.

Start building better websites today.