Emblems on frontpage

Solved
Highlighted
Excursionist
13 0 4
 

Hello, 

anyone have an Idea on how to make these emblems, on the front page? Also on how to make them show up on mobile, just like they do on desktop?Skærmbillede 2020-08-24 kl. 12.16.21.png

 

1 Like
Highlighted
Shopify Partner
7501 1036 2600

Hello, @Lucastran 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
13 0 4

Hello @KetanKumar 

yes, troutbitedk.myshopify.com

I have tried with image with text, but on mobile they are stacked up, instead of vertical like on desktop. 

Skærmbillede 2020-08-23 kl. 15.40.16.pngSkærmbillede 2020-08-23 kl. 15.40.22.png

0 Likes
Highlighted
Shopify Partner
7501 1036 2600

@Lucastran 

Thanks for store URl

sorry for your store is password protect can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
13 0 4

password: owfret

 

Thank you @KetanKumar 

0 Likes
Highlighted
Shopify Partner
7501 1036 2600

@Lucastran 

Thanks for share us

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-1597220784060 .small--one-half {
    width: 33.33333%;
    clear: none;
margin-bottom: 20px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
13 0 4

@KetanKumar  Thank you so much. 

0 Likes
Highlighted
Excursionist
13 0 4

@KetanKumar 

One question more! 

can you make the space between the image above a bit smaller? Skærmbillede 2020-08-24 kl. 13.27.55.png

0 Likes
Highlighted
Shopify Partner
7501 1036 2600

This is an accepted solution.

@Lucastran 

yes, please add this code

div#shopify-section-1597220784060 {
    padding: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like