Jump to content

Alternate logo for home page not mobile responsive

Go to solution Solved by Ziggy,

Recommended Posts

Hi guys, I used the following CSS code to add a different logo on my home page.

<style> 
div.header-title-logo a {
content:url("NEW LOGO URL") !important;     
max-width: 300px;
}
</style>
Unfortunately the logo covers the hamburger menu, as it is not responsive. What code can I add so the alternative logo doesn't cover the menu/make the logo smaller for mobile as the rule that apply to rest of the web site logo doesn't apply to this one.
 
Thank you
 
Matt 
Link to comment
  • Replies 4
  • Views 145
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi Matt, can you share your website and the page you have tried implementing this logo change on?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Hi Ziggy,

Thank you for your reply.

 

I thought I had attached the page please see below:

Home page with the white logo that I want only on this page:

https://vanilla-antelope-n3b7.squarespace.com

Ot the screen shot below you can see that the logo is hiding the Cart and Hamburger menu  (they can be seen briefly in a glimpse when loading the page):

1779699782_ScreenShot2023-01-06at7_12_36PM.thumb.png.49f492edb53c48ab5d9026b15e400566.png

 

Other pages are like this :

https://vanilla-antelope-n3b7.squarespace.com/new-page-1

 

Link to comment
  • Solution

Try adding this instead of the max-width:300px;

max-width: 100%;

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.