Dawn Theme - Stacking Trust Badges On Mobile

Store Design
, ,

Topic summary

A Shopify store owner using the Dawn theme wanted to display trust badges in a 2-column layout on mobile devices instead of a single column. The badges were added through the Sectio app.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open Assets → base.css
  • Add CSS media query at the top of the file targeting screens max-width 767px
  • Apply flex-direction: unset and width: 50% to the feature type boxes

Outcome:
The CSS solution worked perfectly, successfully stacking the trust badges into two columns on mobile view.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Does anyone know how I can stack my trust badges into 2 columns on mobile as opposed to one? I currently have an app installed named “section store” through which I added the badges.

shanagarryceo_0-1676678144042.png
shanagarryceo_0-1676678144042.png742×1062 74.3 KB

Thanks

2

Hi @shanagarryceo ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the TOP of the file:

@media screen and (max-width: 767px){
    .feature-type1 .wrapper-box {
        flex-direction: unset !important;
    }
    .feature-type1 .box {
        width: 50% !important;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

3

Worked perfectly! Thank you so much

1 Like