DEBUT THEME SECTION ALL SQUISHED UP

[bkparts]

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!!

[PageFly-Richard · Accepted solution]

Hi @bkparts 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
div#gf-products ul.collection_slider10 {
    width: 100%;
} 
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[PageFly-Richard · Accepted solution]

Hi @bkparts 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
div#gf-products ul.collection_slider10 {
    width: 100%;
} 
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[tim · Accepted solution]

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)... 

[bkparts]

Thank you so much  guys !!