Trying to center media on a page

[Eyesnah]

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

[Tech_Coding · 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.

[Eyesnah]

That worked!

Much appreciated 🤙🏻

[Tech_Coding]

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.