Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi everyone,
I am struggeling to get a couple things fixed on my shopify page:
1. I want all texts to begin after a gap, but some of the elements dont react to the code. For instance here right on the homepage, both on mobile and desktop view.
2. the burger menu on the left is too much on the left and somehow cut off right on the edge. I have no idea how this happened and would like it to have a white gap just like on the right:
3. there is a large white gap on all pages in mobile view, that I just cant get rid of:
I have been struggeling for hours to fix it. Any idea? Greatly appreciated 🙂
Website: www.fukuroandfriends.com
PW: KLM25671
Solved! Go to the solution
This is an accepted solution.
- Here is the solution for you @Fukuro
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media only screen and (max-width: 600px) {
.section-template--20122491388240__featured_collection_EXmqGV-padding {
margin-left: 5% !important;
margin-right: 5% !important;
}
header-drawer {
margin-left: 0 !important;
}
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month nowThis is an accepted solution.
Hey,
Thanks - in shopify mobile view it looks fine. But when I check on my phone its still an issue. How can this be?
Also, the white screen is this there:
This is an accepted solution.
- Here is the solution for you @Fukuro
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media only screen and (max-width: 600px) {
.section-template--20122491388240__featured_collection_EXmqGV-padding {
margin-left: 5% !important;
margin-right: 5% !important;
}
header-drawer {
margin-left: 0 !important;
}
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month nowThis is an accepted solution.
Hey,
Thanks - in shopify mobile view it looks fine. But when I check on my phone its still an issue. How can this be?
Also, the white screen is this there:
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024