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

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. 

@Ziggy @tuanphan tagging you incase this slipped through. Any ideas? Thanks

This is possible. You can create a trial site in 7.1 version, then share site url, we can give you some custom code to achieve this.

(I just solved a similar case on forum a few hours ago)

@tuanphan I totally missed this. I have implemented a forced hamburger at the moment but this is what I would really like. The URL is https://ftws-progress.squarespace.com/ 

password: happy123

Thank you.

@tuanphan just giving this a bump incase it was missed. I'd love to be able to do this if you can help 🙂

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);
}

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?

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;
}