Trying to center media on a page

Solved

Trying to center media on a page

Eyesnah
Visitor
2 0 0

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 ✌️🏻

 

IMG_5342.png

Accepted Solution (1)

Tech_Coding
Shopify Partner
375 105 88

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>

Tech_Coding_0-1728032105113.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 3 (3)

Tech_Coding
Shopify Partner
375 105 88

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>

Tech_Coding_0-1728032105113.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Eyesnah
Visitor
2 0 0

That worked!

 

Much appreciated 🤙🏻

Tech_Coding
Shopify Partner
375 105 88

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.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.