Jump to content

Different logo in some pages on mobile version

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://marthabalfour.com/

Hello, 

I would like to change the logo in some pages on my website on the mobile version. I currently have changed the logo in some pages on the desktop version by coding on advanced on each page that I wanted to change. I would like to do the same on the mobile version if possible so that the main green 'MB' doesn't get lost in the green background.

Website password: MBS2021

 

Thanks!

Edited by marthabalfour
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

On 12/23/2021 at 10:26 PM, marthabalfour said:

Site URL: https://marthabalfour.com/

Hello, 

I would like to change the logo in some pages on my website on the mobile version. I currently have changed the logo in some pages on the desktop version by coding on advanced on each page that I wanted to change. I would like to do the same on the mobile version if possible so that the main green 'MB' doesn't get lost in the green background.

Website password: MarthaBalfourStudio2021

 

Thanks!

For showing logo when opening header menu, I suggest the following one in Home > Design > Custom Css

.header--menu-open .header-mobile-logo img {
  filter: invert(1);
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Hi @bangank36 thanks for this. Sadly this is not working for me. I need to change the logo in pages like 'work' 'contact' so that it is the cream version that appears on the desktop version. 

I manage in the desktop version for it to change by adding this code in advance on each page:
<style>
.header-title-logo a {
  content: url("https://static1.squarespace.com/static/60c0a169de0770705ef9f3ed/t/61c48ef1ba4caf01a98f7e01/1640271601040/MarthaBalfrou_monogram_sand.png")
</style>

Thanks

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.