Theme Edit

Excursionist
15 1 2

Hi guys,

i need some help changing a bit of code, on the desktop version of my home page my image bar shows the images side by side but on phone it stacks the images on top of each other and makes my home page quite long, does anyone have a code adjustment i can copy and past into my theme?

 

Cheers

0 Likes
Highlighted
Shopify Partner
2816 617 754

Hey @KLevien 

Can you please provide me your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
15 1 2
0 Likes
Highlighted
Shopify Partner
2816 617 754

Hey @KLevien 

Try this CSS class for the mobile version only.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

@media only screen and (max-width: 749px){
#shopify-section-image-bar .grid__item {padding-left: 0px; width: 33%;}
.image-bar--small .image-bar__content, .image-bar--small .image-bar__item { height: 79px;}
}


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes