Jump to content

JTHI

Member
  • Posts

    3
  • Joined

  • Last visited

Reputation Activity

  1. Like
    JTHI reacted to tuanphan in Hiding the Hamburger menu from mobile   
    Hi
    SS 7.1 needs different code, use this code (Page Settings . Advanced . Header)
    <style> @media screen and (max-width:767px) { /* hide burger */ .burger-box { visibility: hidden; } /* hide footer */ footer.sections { display: none; } } </style>  
  2. Like
    JTHI reacted to iamdavehart in How to add a second logo to my squarespace header in 7.1?   
    sure. just need to change the element it's putting the content into, and change it from after to before as its going on the left. if you're on 7.1 it will depend on how you've laid out your header. this should probably work, but if it doesn't then try changing ".header-title-nav-wrapper" to ".header-actions.header-actions--left"
    <style> .header-title-nav-wrapper::before { content:''; display:inline-block; width:50px; height:50px; margin-right:20px; background:url("https://images.squarespace-cdn.com/content/v1/600f62fff88eb259bc0f448d/1627162275205-1LJBGHMXHDN93NK9WR3F/square-avatar.png") no-repeat 0 0; background-size:100%; } </style> change width and height and background url accordingly.
     
  3. Like
    JTHI reacted to iamdavehart in How to add a second logo to my squarespace header in 7.1?   
    @sarahprime
    sure, you can do this with just CSS, no javascript required. CSS has a property called content and a pseudo-selector ::after. You have to be careful with this as squarespace might legitimately use it themselves, but if you find the right class name or id selector you can do it easily enough. this should work. change the URL as needed.
    put this in a code block somewhere on the page. or remove the <style> tags and put it in the site-wide CSS.
    <style> .header-actions::after { content:''; display:inline-block; width:50px; height:50px; margin-left:20px; background:url("https://images.squarespace-cdn.com/content/v1/600f62fff88eb259bc0f448d/1627162275205-1LJBGHMXHDN93NK9WR3F/square-avatar.png") no-repeat 0 0; background-size:100%; } </style>  
×
×
  • 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.