Jump to content

Mobile Menu Navigation Customization

Recommended Posts

  • Replies 6
  • Views 1k
  • Created
  • Last Reply
31 minutes ago, Talu said:

Id like to change the mobile menu navigation "MENU" in Wells to a logo (PNG). is that possible

Add to Home > Design > Custom CSS. Replace https://.svg with your logo url.

div#mobileMenuLink a:before {
    content: "";
    background-image: url(https://image.flaticon.com/icons/svg/1279/1279537.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 30px;
    height: 30px;
    display: inline-block;
    visibility: visible;
}
#mobileMenuLink a {
    visibility: hidden;
}

Reference: https://beaverhero.com/wells-squarespace/#Change_Menu_to_Hamburger_Icon

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

HELLO there 🙂 @tuanphan I saw this and i am also looking to do the same but in the Fulton template. I would like the logo to be the navigation.. you click on it and the menu drops down.. so basically replacing the hamburger icon with my PNG logo . on mobile anddd desktop... is this possible at all 🙂
THANK YOUUUU! oh here is my website - https://bumblebee-lilac-arkh.squarespace.com/config/design 

Link to comment
On 11/18/2019 at 6:31 PM, myhabitatdesign said:

HELLO there 🙂 @tuanphan I saw this and i am also looking to do the same but in the Fulton template. I would like the logo to be the navigation.. you click on it and the menu drops down.. so basically replacing the hamburger icon with my PNG logo . on mobile anddd desktop... is this possible at all 🙂
THANK YOUUUU! oh here is my website - https://bumblebee-lilac-arkh.squarespace.com/config/design 

Private Site
This site is currently private. If you’re the owner or contributor, log in.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.