Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hello team, could anyone please instruct me how to edit the code to reduce the unnecessary spaces I currently have on streamline theme? It makes the website looks very unprofessional and I don't know anything about code. For example, the space between the collection Sort drop down menu and the collection title and the main menu bar is huge, looks very weird. Also, I'd like to reduce the margin on the left and right and makes the product image a bit bigger. Any help pointing in the right direction would be appreciated .
https://ibb.co/z69drnn
https://ibb.co/mC7NKNk
Solved! Go to the solution
This is an accepted solution.
Please add following css code your assets/theme.css bottom of the file.
@media only screen and (max-width: 768px){
.template-collection .page-width {
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 10px !important;
}
.collection-filter__wrapper+.collection-dropdowns {
margin-top: 0px !important;
}
.template-collection .transition-body .section-header {
margin-bottom: 20px !important;
}
}
Thanks!
This is an accepted solution.
tHANK YOU SO MUCH
Please share store URL!
Thanks!
Thank for responding. its Ambassadressnyc.com
Please add following css code your assets/theme.css bottom of the file.
@media only screen and (min-width: 769px){
.template-collection .page-width {
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.collection-filter__wrapper+.collection-dropdowns {
margin-top: 0px !important;
}
.template-collection .transition-body .section-header {
margin-bottom: 30px !important;
}
}
Thanks!
THANK YOU SO MUCH! It works flawlessly. however, it doesnt reflect on mobile 😞 Is there anyway to do this?
This is an accepted solution.
Please add following css code your assets/theme.css bottom of the file.
@media only screen and (max-width: 768px){
.template-collection .page-width {
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 10px !important;
}
.collection-filter__wrapper+.collection-dropdowns {
margin-top: 0px !important;
}
.template-collection .transition-body .section-header {
margin-bottom: 20px !important;
}
}
Thanks!
This is an accepted solution.
tHANK YOU SO MUCH
User | RANK |
---|---|
118 | |
89 | |
73 | |
65 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022