Collection Tab

[unfoldesthetics]

My collection tab looks like this (menu >products). I wanted it to be 2 column grid format on mobile but idk why it does this. Please help.

 My footer also shows this weird code.

 

 And my reviews are not visible on my product card but they used to be.

My website is unfoldesthetics.com and the password is unfold.

[ZestardTech · Accepted solution]

Hello @unfoldesthetics,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

@media only screen and (max-width: 767px) {
    ul#Slider-template--22308570169652__feature_collection_tab_tMryLa {
        gap: 2px !important;
    }
}

Let me know if you need further assistance!

[unfoldesthetics]

Hello!
The weird code in the footer is still there unfortunately.

[ZestardTech]

"To remove the code from your footer, please follow these steps:

1. Locate and open the layout file where the footer code is defined.
2. Identify and remove the specific line of code highlighted in the screenshot below.

Let me know if you need further assistance!

[unfoldesthetics]

Can i hire your services to help me with this? I also need help with a few more things so I might as well ask your help on those too!

[ZestardTech]

Sure, We'll provide you with our best guidance. Feel free to connect with us via direct message or reach out through email at info@zestard.com or support@zestard.com.

[ZestardTech]

Hi @unfoldesthetics,

As per the rating design issue which we recieved on message, We went through the design and resolved the rating issue on product card.
Screenshot link : : https://prnt.sc/nsI5kXp9DbkB

Here are the steps to apply the necessary changes in your Shopify store:

In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
Locate Asset > base.css and paste the following code at the bottom of the file:

.card-information>.rating {
display: block !important;
margin: 7px 0px !important;
}
.rating-star {
display: block !important;
}

Let me know if you need further assistance!

Thank you

[unfoldesthetics]

I figured it out! Thank you!