Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Talu

Mobile Menu Navigation Customization

Question

6 answers to this question

Recommended Posts

  • 0
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


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0

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 

Share this post


Link to post
  • 0
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.

Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...