DEBUT THEME SECTION ALL SQUISHED UP

Store Design
1

https://bkmotoparts.com/

If you scroll down to Shop by Riding Style, you will see all the tiles are squished to the right.

I haven’t made a single coding change to it in forever, I just happened to scroll down and saw it turned out like that since who know when!!

Please help

Thank you!!

2

Hi @bkparts

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1729730796474.png
PageFlyRichard_0-1729730796474.png1345×953 344 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

This happens because the Globo App for whatever reason attaches itself to this section and applies its own CSS code to this section.

You should check your App configuration or contact App developer for support.

Or, if you happy to edit theme code, then I’d rather suggest using this CSS code:

.template-index #gf-products {
  display: block;
  margin: 0;
}

Or, you can use “Custom CSS” setting of the section in question and then use this:

#gf-products {
  display: block;
  margin: 0;
}

This is always a nicer option because it targets only specific section and would not prevent theme updates (not sure they still update Debut though, but in general)…

4

Thank you so much guys !!