CRAFT THEME - Two column trust badge on mobile

Store Design
1

Hello, I desperately need your help.
I put trust badges at the bottom of my website with animated GIFs. On computer everything is fine, everything is well aligned, on mobile also everything is fine. However, on mobile the 4 badges are one behind the other and it’s long enough to go down. I would simply like to put them in two columns on mobile. I searched for answers on the internet, but coding is really hard without a tutorial. To add the trust badge, I followed a tutorial. I’ll give you the link. https://dgeodev.com/tuto-comment-faire-un-footer-avec-badges-de-confiance-sur-shopify/

I also put you the link of my site as well as the password.
https://caaniss.myshopify.com/
Password : 12345

2 Likes
2

@Ness54

Welcome to Shopify Community.

Hire a Developer to fix out your issues.

Thank you.

3

@Ness54

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file.
@media screen and (max-width: 767px) {
.footer-badges-list {
    display: flex;
    flex-wrap: wrap;
}
#gd-pre-footer .col-item {width: 50%;}
}
1 Like
4

You are beautiful, I love you. It worked :))) There is also something wrong with the badge scripts. I feel like it’s two different fonts with the title, right?

1 Like
5

@Ness54

its my pleasure to help us yes as yo like