cheapsea
-
Posts
14 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by cheapsea
-
-
Anyone know if this is do-able? Desperate to find a solution! Thank you 🙂
-
Site URL: https://fifty-fifth.com/
Hey!
I've recently changed the logo colour on multiple pages on my site from navy to white - when viewing the site on mobile the pages with the white logo look a lot better when you click the burger and the menu overlay appears with my green background.
I want to make it so that when you press the burger icon on the pages with a navy logo, the logo changes to white when the green overlay appears. Is this possible with CSS?
Thanks so much.
Ned
-
On 3/2/2020 at 12:50 PM, tuanphan said:
To change logo on One Page, add this code to Page Settings > Advanced > Header
<style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-repeat: no-repeat; } </style>
Hi there!
I added this code and it worked for my 7.1 site however the very bottom of the logo has been chopped off.
Do you know why this might be? Is there anyway to fix this?
The white one is the new one that was coded in and the blue one is the original.
Changing logo colour ONLY in mobile menu overlay (7.1)
in Customize with code
Posted
Nailed it - thank you so much, you're a life saver!
It didn't work at first but I made a slight addition to the 'hide current image' section and it worked perfectly.
New code below: