My desktop featured collections seems to not align to the center.

[AlexYZ]

They are so much space on the right side of my desktop, how do I align it to the center and make them balance? Picture below

[GemPages · Accepted solution]

Hello @AlexYZ 

This default from the theme 

You can follow these steps to fix : 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}
<style>
.collection slider-component {
    margin: auto !important;
}
</style>
{%  endif %} 

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[GemPages · Accepted solution]

Hello @AlexYZ 

You can follow these steps to fix : 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

@media (max-width: 767px ) {
.collection slider-component.slider-mobile-gutter {
    margin: auto !important;
    padding: 0 1.5rem;
}
}
</style>
    {%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[developerSP]

Hello there,
Please share me store url and password.

Thank you!

[GemPages]

Hello @AlexYZ 

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[AlexYZ]

@GemPages Just dm you check messages!

[GemPages · Accepted solution]

Hello @AlexYZ 

This default from the theme 

You can follow these steps to fix : 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}
<style>
.collection slider-component {
    margin: auto !important;
}
</style>
{%  endif %} 

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[AlexYZ]

@GemPages Thank you very much, I appreciate your great work!❤️

[AlexYZ]

@GemPages On the mobile view featured collection enable swipe can I make the shoes align in the same line as the bag because the shoes collection is over the corner at the left and right. Thank you

[GemPages · Accepted solution]

Hello @AlexYZ 

You can follow these steps to fix : 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

@media (max-width: 767px ) {
.collection slider-component.slider-mobile-gutter {
    margin: auto !important;
    padding: 0 1.5rem;
}
}
</style>
    {%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[AlexYZ]

@GemPages It works but I need to paste the code in base.css because I figure out the customized slider code I copy is in base.css. Thank you!!

[GemPages · Accepted solution]

@AlexYZ 

@media (max-width: 767px ) {
.collection slider-component.slider-mobile-gutter {
    margin: auto !important;
    padding: 0 1.5rem;
}
}

You can add this code at the bottom of base.css 

Kind & Best regards, 
GemPages Support Team