emma_HCBA Posted March 1, 2022 Share Posted March 1, 2022 Site URL: https://www.hastingscity.co.nz/ Hello, We currently have a customer burger menu via CSS and we want to add the Cart Icon to the top menu, so it sits to the left of the burger and shows at all times. When I select to add this under Site Header, it doesn't actually show anywhere and the burger moves the the left of the screen, by our logo, and we can no longer close the burger menu (the exit 'X') disappears and the cart still doesn't show. Any help would be appreciated. Thanks, Emma Link to comment
Beyondspace Posted March 1, 2022 Share Posted March 1, 2022 3 hours ago, emma_HCBA said: Site URL: https://www.hastingscity.co.nz/ Hello, We currently have a customer burger menu via CSS and we want to add the Cart Icon to the top menu, so it sits to the left of the burger and shows at all times. When I select to add this under Site Header, it doesn't actually show anywhere and the burger moves the the left of the screen, by our logo, and we can no longer close the burger menu (the exit 'X') disappears and the cart still doesn't show. Any help would be appreciated. Thanks, Emma Currently, cart is hidden by this code Kindly check it again BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
emma_HCBA Posted March 2, 2022 Author Share Posted March 2, 2022 Hi there, thank you - I don't currently have it enabled because otherwise the burger moves the left-hand side of the screen and the menu won't allow anyone to close it. And the cart still doesn't show. See images below showing what happens when card is turned on. Copy of burger menu coding is below: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible; width: 35%; margin-left:70%} .header-menu .header-menu-nav a {font-size:1.25rem; line-height: 0px! important; padding: .0rem}} .header--menu-open .header-menu {box-shadow: 5px 5px 15px rgba(0,0,0,0.25) } @media screen and (min-width:950px) {.header-menu-nav-folder-content * {text-align: right !important;}.header-menu-bg.theme-bg--primary {background: #f12064 !important;}.header-menu-nav-folder-content * {color: white !important;}} .header-menu-nav-item a { padding-top: 1vw; padding-bottom:1vw; } .header-menu-nav-folder[data-folder="root"] { overflow: auto; } /* Colour of Hamburger Button */ .burger-inner > div { background-color: white !important; } /* Mobile Navigation Formatting */ .header-menu-bg {background: #f12064!important;} .header-menu-nav {text-align: left!important; margin-left: 5%!important;} .header-menu-nav-item > a {color: white!important;} .header-menu-nav a {font-size:1.25rem; padding: .5rem;} Link to comment
tuanphan Posted March 6, 2022 Share Posted March 6, 2022 Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kak Posted July 13, 2022 Share Posted July 13, 2022 @tuanphan Im experiencing this same issue - are you able to help? https://shyro.health (tho the cart is not enabled right now for the same reasons the person above has theirs disabled: everything moves to the left, and the cart doesnt show anyway. 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