XDFrames Posted November 6, 2021 Share Posted November 6, 2021 (edited) Site URL: https://xdframes.com/ I've used this code from the amazing Tuanphan who always has the answers. But my header also has a cart so my cart and CTA buttons stack. It also leaves no padding on the right before the hamburger. Is there any CSS code to get them side by side and get some padding on the right for the hamburger? The Squarespace mobile preview shows the padding, but I don't get padding on my mobile device. For now I have removed the code until I sort it out. @media screen and (max-width:767px) { .header-actions { display: block !important; flex: 50%; } .header .header-actions-action--cta { display: block; } .header-title-nav-wrapper { flex: 20% !important; } } Edited November 6, 2021 by XDFrames Link to comment
tuanphan Posted November 7, 2021 Share Posted November 7, 2021 Hi, You want, header on mobile will have Logo - Cart icon - Button - Burger icon. Is this right? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment