Mobile logo fixed option

Last updated on by soulshakepower

Tagged: fixed, Header, Logo, mobile, sticky

This topic has 2 replies, 2 voices, and was last updated 8 years, 1 month ago by soulshakepower.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
September 27, 2016 at 5:46 pm #72227

soulshakepower
Spectator

Hi, With the 2.2.2 update, I had to set a mobile logo. This is great but since all my pages are using the transparent header, I have a different logo for normal header and sticky header. Now when my users scroll on mobile, the logo becomes white against white on the sticky header since there's only one version of it. See at: harp-school.com There should be an option to make the "sticky header mobile logo" the same as the alternate logo. How can I achieve this please? Thanks :-)

September 28, 2016 at 11:15 am #72283

Anshuman Sahu
Keymaster

Ok here you go : Please try adding the given css from wp-admin -> appearance -> customize -> custom css : @media (max-width: 767px){ header.fixed #logo { margin: 23px 0 0; } header.fixed #logo img#header_alt_logo{ display:block !important } header.fixed img#header_mobile_logo{ display:none !important } }

October 3, 2016 at 4:49 pm #72905

soulshakepower
Spectator

Hey thanks Alex, worked like a charm! Don't you think this could help others by having an option in the WPMLS settings? Put the resolve stamp :-) Note: I didn't get the follow-up email notifications for the last 2 topics I was following.. Cheers
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Mobile logo fixed option’ is closed to new replies.