Jump to content

Recommended Posts

2 hours ago, atiq97 said:

Hey, I'm a web developer. However first time with Squarespace. 

I want to creative hamburger menu on desktop ( i got it work i believe ), and when click on it, I want following design. Any way of guideline please?

image.thumb.png.83db6886a79798e411962b8097e0b781.png

 

Try the following code in Home > Design > Custom Css to set burger menu in desktop on squarespace 7.1

@media screen and (min-width:768px) {
  .header-nav {
    display: none;
  }
  .header-actions {
    display: none;
  }
  .header-burger {
    display: flex;
  }
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
}

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
16 hours ago, bangank36 said:

Try the following code in Home > Design > Custom Css to set burger menu in desktop on squarespace 7.1

@media screen and (min-width:768px) {
  .header-nav {
    display: none;
  }
  .header-actions {
    display: none;
  }
  .header-burger {
    display: flex;
  }
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
}

Let me know how it works on your site

Hey thanks so much. I'll be thankful if you can provide me way of line for making custom menu when clicked on hamburger? This is my design once click on hamburger 

 

image.png.0badaa03df7f2baa3ba2e9aca6bac8f2.png

Link to comment
On 2/4/2022 at 4:11 PM, atiq97 said:

 

 

 

 

Any help?

Can you share your site with the protected password?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
5 hours ago, atiq97 said:

I also saw a course @bangank36https://www.squarestylist.com/shop/mega-menu However this is kinda expensive for me at the moment. 

I highly appreciate your all help, and if you can provide me way of line. Thanks so much

Do you mean that each navigator when hovered, has a specific image? Or just one image for all

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.