atiq97 Posted February 2, 2022 Share Posted February 2, 2022 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? Beyondspace 1 Link to comment
Beyondspace Posted February 2, 2022 Share Posted February 2, 2022 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? 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 - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
atiq97 Posted February 3, 2022 Author Share Posted February 3, 2022 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 Link to comment
atiq97 Posted February 4, 2022 Author Share Posted February 4, 2022 On 2/3/2022 at 12:14 PM, atiq97 said: 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 Any help? Link to comment
Beyondspace Posted February 6, 2022 Share Posted February 6, 2022 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 - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
atiq97 Posted February 7, 2022 Author Share Posted February 7, 2022 12 hours ago, bangank36 said: Can you share your site with the protected password? Sure: https://oval-plum-nrpc.squarespace.com/ Password: paradox and thanks for your help. I really need way of line. Link to comment
atiq97 Posted February 7, 2022 Author Share Posted February 7, 2022 17 hours ago, bangank36 said: Can you share your site with the protected password? I also saw a course @bangank36, https://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 Link to comment
Beyondspace Posted February 7, 2022 Share Posted February 7, 2022 5 hours ago, atiq97 said: I also saw a course @bangank36, https://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 - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
atiq97 Posted February 7, 2022 Author Share Posted February 7, 2022 39 minutes ago, bangank36 said: Do you mean that each navigator when hovered, has a specific image? Or just one image for all Just one image for all Link to comment
atiq97 Posted February 7, 2022 Author Share Posted February 7, 2022 1 hour ago, bangank36 said: Do you mean that each navigator when hovered, has a specific image? Or just one image for all You're a life saver and so kind. You helped me in inbox. Thanks so much ❤️ Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment