Change spacing between products - Prestige Theme

[maniuk]

Hi,

On my theme at the moment there is a big gap between products. I want to shorten the gap between theme and also have the product full width.

Current website:

How i want it to be:

Any help is appreciated

[AnneLuo]

Hello, @maniuk 

Please share the store URL so that we can assist you.

[PageFly-Richard]

Hi @maniuk 

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>

section#shopify-section-template--14544912220246__featured_collection slider-component {
width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
ul#Slider-template--14544912220246__featured_collection {
width: 100%;
    max-width: 100%;
    justify-content: space-between;
column-gap: 0px;
}
</style>

result: 

Your store looks very nice, warm and elegant, but in my opinion, you should consider to add a hero banner on the top of the page and with CTA button on it

The banner is very significant in hero material. It is the first thing customers see when they visit your website. Let's get consumers to know exactly what you're having in 5 seconds first.

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[maniuk]

Hi,

Thank you for the quick help.

Sorry, my old theme was published not my new prestige theme. 

Please can you try now with my new theme?

Password is: MZK0503