Trust Badgest Showing Wrong on Mobile

Store Design
1

Hey, my Trust Badgest are Showing Wrong on Mobile, I need them in one row, what to do? Thank you, see image -

h111.png
h111.png505×571 22.5 KB

2

Hello @sonify199

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

3

Hi @sonify199

Would you mind to share your store URL? Thanks!

4
5

password? why would you need my password? maybe too much?

6

Ok i come to theme.liquid and what ?

7

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .icon-block-container.icon-block-container-d74a3a48-6d7d-4568-af96-051c0b10b80a { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: flex-start; column-gap: 56px !important; } }

niraj_patel_0-1722879192143.png
niraj_patel_0-1722879192143.png315×172 5.06 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

8

Thanks for the info, do you mean like this right?

Made4uoRibe_0-1722879249266.png
Made4uoRibe_0-1722879249266.png404×268 7.75 KB

Not like this?

Made4uoRibe_1-1722879298424.png
Made4uoRibe_1-1722879298424.png406×458 21.5 KB

Cause on the smaller screen this is user friendly.

But if you like the first image check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 470px){
.icon-block-container.icon-block-container-d74a3a48-6d7d-4568-af96-051c0b10b80a {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}
.icon-block {
    width: 33%;
}
}

And SAVE.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

9

This worked, thanks