TomPickford Posted September 28, 2023 Share Posted September 28, 2023 Hi there, Would anyone be able to help with some code injection to get the shopping cart to show in the mobile/tablet navigation, rather than be hidden behind the drop-down menu. It's currently viewable on the web view, but once on mobile or tablet it gets hidden. There is also no option to show it when editing the template in "Site Styles" and having spoken to someone at Squarespace, they've suggested asking for help with some code to fix this issue. Please see photos attached: - Web view - Mobile view where hidden - Mobile view where shown in the drop-down menu Thanks in advance for any help here. Best, Tom Link to comment
tuanphan Posted October 1, 2023 Share Posted October 1, 2023 Hi, Show Cart (3) or Cart icon (3) next to Burger on mobile? https://www.deepmatter.co.uk/ 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
TomPickford Posted October 12, 2023 Author Share Posted October 12, 2023 Hi, Cart icon (3) next to the burger on mobile/tablet. Is this possible? Thanks! Tom Link to comment
Web_Solutions Posted October 12, 2023 Share Posted October 12, 2023 2 hours ago, TomPickford said: Hi, Cart icon (3) next to the burger on mobile/tablet. Is this possible? Thanks! Tom Do you want like this? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
TomPickford Posted October 12, 2023 Author Share Posted October 12, 2023 Hi, Yes! Exactly. Or the cart icon to the left of the burger, if possible? Thanks, Tom Link to comment
Solution Web_Solutions Posted October 12, 2023 Solution Share Posted October 12, 2023 8 minutes ago, TomPickford said: Hi, Yes! Exactly. Or the cart icon to the left of the burger, if possible? Thanks, Tom Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. @media screen and (max-width: 768px) { .tweak-mobile-bar-position-top-fixed .mobile-bar-wrapper { box-sizing: border-box; } header#header[data-nc-base="header"] { display: flex !important; position: absolute !important; top: 5px; right: calc(~"6vw + 32px"); z-index: 99999 !important; } header#header[data-nc-base="header"] .Icon--cart { width: 28px !important; height: 23px !important; } header#header[data-nc-base="header"] .site-header .Cart { font-size: 10px !important; line-height: 10px !important; } [data-nc-container="left"], [data-nc-container="center"], #secondaryNavWrapper { display: none !important; } } tuanphan and Ainul 2 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
TomPickford Posted October 12, 2023 Author Share Posted October 12, 2023 Thank you so so much. That's perfect! You're a legend, thanks again and have a wonderful day! Best, Tom Link to comment
S_R_HRTWL Posted April 17 Share Posted April 17 Hi @Web_Solutions I've used this code and it finally worked with some tweaks, however, the cart icon is disproportionately big. is there a tweak code to change its size please? Link to comment
Web_Solutions Posted April 18 Share Posted April 18 1 hour ago, S_R_HRTWL said: Hi @Web_Solutions I've used this code and it finally worked with some tweaks, however, the cart icon is disproportionately big. is there a tweak code to change its size please? Can I see your website? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. 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