Jump to content

Custom Menu/Navigation Help // Is it even possible?

Recommended Posts

Hello,

I have signed up to trial SS so I'm not sure my link is accessible but I was wondering if it is possible to get some help with a coding a custom menu. I have roughly drawn out what I would like but I'm not sure where to begin with coding or if it is even possible.

Ideally, I would like the user to click on the menu button (whether that be the top or bottom design), which then opens either a full page drop down with menu options or a slide in from the left menu. 

Thank you. 

 

 

CUSTOM NAV.jpg

Link to comment
  • Replies 7
  • Views 272
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Add to Design > Custom CSS

/* Mobile Overlay Menu */
.header-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-100%);
      will-change: unset !important;
  transition: transform 0.3s ease !important;
}
body.header--menu-open .header-menu {
  transform: translateX(0);
}

 

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
On 4/11/2023 at 3:47 PM, FTWSGEM said:

Thank you @tuanphan How would I get the icon/menu button to be either at the very top of the page or to the very right of the page and sticky?

Add this code under

div.burger-inner {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    left: unset;
}
.burger-inner:after {
    background-position: right !important;
    margin-right: 0 !important;
    margin-left: auto !important;
}

 

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

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.