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.

div.header-title-logo a {
content:url("NEW LOGO URL") !important;     
max-width: 300px;
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
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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:


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):



Other pages are like this :



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.