FTWSGEM Posted March 20, 2023 Share Posted March 20, 2023 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. Link to comment
FTWSGEM Posted March 21, 2023 Author Share Posted March 21, 2023 @Ziggy @tuanphan tagging you incase this slipped through. Any ideas? Thanks Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 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) 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
FTWSGEM Posted April 6, 2023 Author Share Posted April 6, 2023 @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. Link to comment
FTWSGEM Posted April 8, 2023 Author Share Posted April 8, 2023 @tuanphan just giving this a bump incase it was missed. I'd love to be able to do this if you can help 🙂 Link to comment
tuanphan Posted April 11, 2023 Share Posted April 11, 2023 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
FTWSGEM Posted April 11, 2023 Author Share Posted April 11, 2023 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? Link to comment
tuanphan Posted April 14, 2023 Share Posted April 14, 2023 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment