Centre Align Logo List

Store Design
, , ,
1

Hey,

I have a logo list, on the homepage it is centered, but on mobile it isn’t. Does anybody know how I can get this to be centre aligned please?

website: curlybynature.com

password: visualess

Screenshot 2024-09-21 at 10.01.14.png
Screenshot 2024-09-21 at 10.01.14.png886×670 39.1 KB

1 Like
2
  • Here is the solution for you @visualess
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • Here is the result you will achieve:

BSSTekLabs_0-1726909721037.png
BSSTekLabs_0-1726909721037.png381×829 40.4 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
3

Hello @visualess

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 screen and (max-width: 767px){ .logoList--container.page-width ul { padding: 0 !important; } }

Tech_Coding_0-1726909847538.png
Tech_Coding_0-1726909847538.png319×272 12.2 KB

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

4

Hello @visualess

I have check your site and you need to remove padding from the “ul” element. please add below stye to resolved your logo center issue.

.logoList--container ul {
  padding: 0px;
}

.logoList--item {
    margin: 0 auto;
}
5

This worked perfectly thanks so much for your help!

1 Like
6

Glad to help you. Have a good day.