Exact size for Mobile logo

Public Ticket #7479

Conversation thread

7 years ago

Customer Reply

It worked. Thanks.

7 years ago

Staff Reply

Hi,

Please try again with this code:

#sidebar-nav-logo > a{ display: inline-block; max-width: 120px; }

Best Regards,

PenciDesign

7 years ago

Customer Reply

No, this custom css code is not making any changes.

Please check again.

7 years ago

Staff Reply

Hi,

Ahh, that's logo for vertical mobile nav. Please add more this code to Customize > Custom CSS to change the width for that logo image:

.sidebar-nav-logo > a{ display: inline-block; max-width: 120px; }

Change value 120 to any value as you want.

Best Regards,

PenciDesign

7 years ago

Customer Reply

I am not talking about this logo.

Click on the Menu button (Three Dots), the Logo is not looking nice there.

Please check once.

7 years ago

Staff Reply

Hi,

I see your logo on mobile is fine: http://prntscr.com/n2pmbl

That's quite nice

If you still want to reduce it, please add more this code to Customize > Custom CSS:

@media only screen and (max-width: 480px) {
#navigation.header-6 #logo img {
    padding: 15px 0 !important;
}
}

Change value 15 to value as you want.

Best Regards,

PenciDesign

7 years ago

Conversation Start

Please tell me the exact size of mobile logo for best viewing experience.

My mobile logo is looking large.

Want to join this conversation or access attachments? Sign in first.