What's your biggest current challenge? Have your say in Community Polls along the right column.

Center slider multicolumn mobile

Solved

Center slider multicolumn mobile

brandnkay
Excursionist
33 0 3

 

Hi,

 

I am having trouble centering this slider multi-column section, could anyone help me?

 

Thanks

 

(Dawn theme)

 

 

 

Vemega - No fish have been harmed for this Omega 3 - Google Chrome 12_11_2024 14_50_29.png

Accepted Solution (1)
devcoders
Shopify Partner
564 80 142

This is an accepted solution.

Hello @brandnkay 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.
 

 

@media screen and (max-width: 749px){
.multicolumn-list__item{
width: 97%!important;
}
}

devcoders_0-1731427261250.png

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 6 (6)
brandnkay
Excursionist
33 0 3

Thanks for your response, I do not see 'alignment settings'. not to confuse you but i have opened up the same theme on another account to check the css and things and it is the same however the column seems to be centered on the other account, it appears it is something to do with the margins/padding on the left i just cant work it out 😕

 

Vemega - No fish have been harmed for this Omega 3 - Google Chrome 12_11_2024 14_50_29.pngMy Store and 5 more pages - Person 1 - Microsoft​ Edge 12_11_2024 15_24_48.png

 

please see screenshots to see what i mean

devcoders
Shopify Partner
564 80 142

Hello @brandnkay 

Please send me your store URL and password, so I can check it and update you.

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
brandnkay
Excursionist
33 0 3
devcoders
Shopify Partner
564 80 142

This is an accepted solution.

Hello @brandnkay 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.
 

 

@media screen and (max-width: 749px){
.multicolumn-list__item{
width: 97%!important;
}
}

devcoders_0-1731427261250.png

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
brandnkay
Excursionist
33 0 3

Thanks! i found that 100% works better after trying 97% it was still a little off also would like the second image to be peeking so the user knows it is a slider component however this will do thanks

devcoders
Shopify Partner
564 80 142

Hello @brandnkay 

You're very welcome! I'm thrilled to hear that you're pleased with the outcome. Don't hesitate to reach out if you need further assistance.


like and accepting the All solution. Thank you!

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!