Trust badges on mobile debut theme

Solved
Mareka
Trailblazer
209 1 27

Hi All,

I am using a third party app for my trust badges. They look great on desktop but on mobile they seem to be spread out all over the place, so I would like them to be a bit more compact/smaller so they don't take up so much space. Image below is how they look at the moment. Appreciate any help thanks.

trust badge.JPG

 

0 Likes
suyash1
Shopify Partner
3012 329 504

@Mareka - can you please share this product link where you have taken this screenshot?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
HardikDavra
Shopify Partner
2329 367 1003

@Mareka 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
.giraffly-right-Bar-Preview-width-credit .giraffly-right-Bar-Preview-div-svg-credit {
width: 49px !important;
}
div.giraffly-right-Bar-Preview-div-svg-credit svg {
width: unset !important;
}
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
suyash1
Shopify Partner
3012 329 504

@Mareka - it is redirecting to admin, do you have preview link or live link?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Mareka
Trailblazer
209 1 27

@HardikDavra 

Thanks so much. Is it possible to make that section a bit smaller on mobile ?

0 Likes
HardikDavra
Shopify Partner
2329 367 1003

@Mareka Which section?


Also, place this code at the end of  Template -> product.liquid

<style>
@media only screen and (max-width: 450px) {
div.giraffly-right-Bar-Preview-div-svg-credit svg {
width: unset !important;
}
}
</style>

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Mareka
Trailblazer
209 1 27

@HardikDavra 

The trust badge section - looks great on desktop but on mobile it still seems huge. Can it be a bit smaller please.

0 Likes
HardikDavra
Shopify Partner
2329 367 1003

This is an accepted solution.

@Mareka 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
.giraffly-right-Bar-Preview-width-credit .giraffly-right-Bar-Preview-div-svg-credit {
width: 29px !important;
}
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
Mareka
Trailblazer
209 1 27

@HardikDavra 

Thank you so much for your help.