ANDREY_DANILOV Posted January 27 Share Posted January 27 Hi, Thank you for all the help, I need a little advice here. How can I move the cart next to the menu burger for mobile view? Attaching an image of how I want it to look like. My website:www.andreydanilov.com Thanks! A Link to comment
tuanphan Posted January 28 Share Posted January 28 Add to Last Line in Code Injection > Footer <script> jQuery(document).ready(function($){ if (jQuery(window).width() < 640) { $('a.Cart.sqs-custom-cart.sqs-template-integrated-shopping-cart').appendTo('.mobile-bar-wrapper'); } }); </script> <style> label.mobile-nav-toggle-label+a { display: none; } </style> then check on real mobile 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
ANDREY_DANILOV Posted January 29 Author Share Posted January 29 (edited) Thanks for the feedback, this is what I got, please see attached. Also, since we are on the topic how do I target the "0" to style it? I want to make it smaller and align it to the top of the cart. Also the red circle around 0 is missing now. Thank you so much, A Edited January 29 by ANDREY_DANILOV Link to comment
Solution tuanphan Posted January 31 Solution Share Posted January 31 Add this code under <style> @media screen and (max-width:640px) { svg.Icon--cart use.use--even { fill: #aaa; stroke: #aaa; } span.sqs-cart-quantity { font-size: 30px; color: red; }} </style> 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