Shopify themes, liquid, logos, and UX
I’m trying to centre some buttons on an accessories page.
I’ll attach a photo below for reference.
It’s only specifically on mobile view where it sits to the right.
I’ve combed through the coding and tried a couple of suggested ones, but none seem to be working at the moment.
Can someone lend a hand?
Thanks ✌️🏻
Solved! Go to the solution
This is an accepted solution.
Hello @Eyesnah
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media sccreen and (max-width: 767px){
#shopify-section-template--23322886996255__main ul.collection-list {
padding: 0 1rem !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
Hello @Eyesnah
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media sccreen and (max-width: 767px){
#shopify-section-template--23322886996255__main ul.collection-list {
padding: 0 1rem !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
That worked!
Much appreciated 🤙🏻
You're very welcome! I'm delighted that the solution was helpful. Feel free to reach out if you need any further assistance in the future. If you found this information valuable, I'd be grateful if you could give it a thumbs-up.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024