Shopify themes, liquid, logos, and UX
Hello there!
I got a small problem with my store. On desktop its all fine, but on mobile the width is just a little too wide in my opinion. Is there an option to make it a bit more narrow on my whole website, like just a litte bit? I think its all too close to the edge.
Thank you guys in advance!
url: https://vivanora.de/
pw: nora22
Hi @marceloldenburg
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:768px){
.wrapper-body {
padding: 0 1.5rem !important;
}
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
To address your issue, you can add the following code snippet to your Shopify theme:
This will help adjust spacing slightly across your website elements.
To add the code to your Shopify store, follow these steps:
1. Online Store
2. Themes
3. Edit code
4. In the left-hand side menu under Assets, look for a file like theme.scss.liquid, styles.css.liquid, or something similar. This is where you'll add the custom CSS. If you're
5. Scroll to the bottom of the file and paste the following code: css Copy Edit:
.body-content-wrapper, .body-content-wrapper * {
box-sizing: inherit;
padding: 1px important;
}
Result:
I hope this helps! If you need further assistance, feel free to reach out. With over 8 years of experience, I’m here to help you optimize your store. 😊
Best Regards,
Rajat
Hi there
You are using Ella theme and no need to use custom code, just follow instructions
1. Go To Customizer Page and to the left side bar select the settings, then Multiple Layout, Scroll Down and find the mobile menu
change them according to your requirements.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025