Trying to center media on a page

Store Design
1

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 :victory_hand: ?

IMG_5342.png
IMG_5342.png1284×2778 299 KB

2

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 on theme.liquid

@media sccreen and (max-width: 767px){ #shopify-section-template--23322886996255__main ul.collection-list { padding: 0 1rem !important; } }

Tech_Coding_0-1728032105113.png
Tech_Coding_0-1728032105113.png318×541 57.2 KB

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

3

That worked!

Much appreciated :call_me_hand:t2:

4

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.