Product Variants not showing up (Minimal Theme)

Solved
13thsight
Tourist
4 0 3

Hello there, 
I'm pretty new to shopify's platform, with limited coding knowledge. I was working on a store (on behalf of a client) and i realized that my variants for the products were not showing up on mobile or desktop, even though the exist on the back end. 

I've gone through tons of threads online, but I can't find anything that will seem to help me fix on Minimal. 

The store in question is www.levonbeauty.com

Thank you! 

 

 

KetanKumar
Shopify Partner
14118 1644 5063

This is an accepted solution.

@13thsight 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-single__variants {
    display: inline-block;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
13thsight
Tourist
4 0 3

Hi @KetanKumar 

Thank you so much for such an easy fix! It worked! 

Thanks again!

 

KetanKumar
Shopify Partner
14118 1644 5063

@13thsight 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
13thsight
Tourist
4 0 3

Hi @KetanKumar 

I have another question & was wondering if you'll be able to help me with this too...

Is there any way that I can increase these font sizes for my product page in Mobile only? 

WhatsApp Image 2021-02-11 at 00.47.25.jpeg

 

KetanKumar
Shopify Partner
14118 1644 5063

This is an accepted solution.

@13thsight 

Thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 768px) {
.breadcrumb {font-size: 18px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
13thsight
Tourist
4 0 3

Hello again @KetanKumar 

Thank you so much!

 

0 Likes