How can I fix responsive issues with trust badges?

How can I fix responsive issues with trust badges?

itsolidude12
Pathfinder
128 4 41

Hey guys,

 

Im breaking my head over getting these trustbadges to be nice and responsive. I managed to get it to look good but as soon as i resize the window, it goes all over the place. Could you give me any pointers or solution? Maybe, so that it wraps in pair of two? 

 

Ill makes sure to buy you a coffee 🙂

 

Shop: here

Password: siesoh1

 

PerfectPerfectBadBadHorribleHorrible

Replies 3 (3)

KetanKumar
Shopify Partner
37583 3668 12151

@itsolidude12 

oh sorry your icon come  up to iframe doesn't allow any change 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
itsolidude12
Pathfinder
128 4 41

thank you

Ahsan_ANC
Shopify Partner
1409 254 326

You can try this code


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

 

.trustbadge-parent-wrapper{
   padding-bottom: 25px !important; 
}
.badgesContainer{
   display: flex !important; 
    flex-wrap: wrap !important; 
} 
.badgeContainer{
  flex-basis: 50% !important; 
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search