Debut mobile view

Solved
Regntjejen
Excursionist
30 0 16

How do I make 4 items together as a horizontal or 2 x 2 grid instead of single vertical items? It looks unnecessarily big on mobile view. 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9827 2237 3078

This is an accepted solution.

@Regntjejen 

Please add following css code your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px) {
.logo-bar__item {
    display: inline-block !important;
    vertical-align: middle;
    max-width: 120px;
    margin: 0 27.5px 35px;
    width: 25% !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
9827 2237 3078

@Regntjejen 

Please share your store URL & screenshot what do you want !

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Regntjejen
Excursionist
30 0 16

Oh sorry. 

 

Www.lapluie.store 

 

Screenshot_20211122-054154_Chrome.jpg

dmwwebartisan
Shopify Partner
9827 2237 3078

This is an accepted solution.

@Regntjejen 

Please add following css code your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px) {
.logo-bar__item {
    display: inline-block !important;
    vertical-align: middle;
    max-width: 120px;
    margin: 0 27.5px 35px;
    width: 25% !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Regntjejen
Excursionist
30 0 16

That worked perfectly! Thank you.

One last thing about mobile view. How can I make slide bigger on mobile view? I share the example with you. 

Screenshot_20211123-163439_Chrome.jpg