Home page product buttons blank

Solved

Home page product buttons blank

peakclo
Excursionist
60 0 9

www.peakclo.com

 

On mobile view, the feature collection buttons are all blank apart from the top one. Anyone able to help?

 

peakclo_0-1737455381512.png

 

 

Accepted Solution (1)
Viralmint
Shopify Partner
38 5 3

This is an accepted solution.

Hii

Got it. Can you please replace this line with this one color: rgb(var(--color-button-text)); and let me know if it works
In base.css line no. 1212

Viralmint_0-1737457762329.png

 

If you find our reply helpful, please hit Like and Mark it as a Solution.


For custom designs and solutions, feel free to contact us. We offer 360-degree services to help scale your e-commerce brand.



Thank You,
ViralMint Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency| Call Us 91 98903 26596
Location: Pune, Maharashtra, India 411045

View solution in original post

Replies 10 (10)

websensepro
Shopify Partner
1854 215 261

Hi @peakclo  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
peakclo
Excursionist
60 0 9

www.peakclo.com

 

LaunchVIP

Viralmint
Shopify Partner
38 5 3

Hii @peakclo 

I'm able to see the buttons, can you please let me know where exactly we're facing this issue?

Viralmint_0-1737456174985.png

 

If you find our reply helpful, please hit Like and Mark it as a Solution.


For custom designs and solutions, feel free to contact us. We offer 360-degree services to help scale your e-commerce brand.



Thank You,
ViralMint Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency| Call Us 91 98903 26596
Location: Pune, Maharashtra, India 411045
peakclo
Excursionist
60 0 9

If you access it on your phone you will see its blank

 

websensepro
Shopify Partner
1854 215 261

@peakclo 

I checked both by inspecting and on your mobile, and your feature collection buttons are not blank; they are perfectly fine.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Viralmint
Shopify Partner
38 5 3

This is an accepted solution.

Hii

Got it. Can you please replace this line with this one color: rgb(var(--color-button-text)); and let me know if it works
In base.css line no. 1212

Viralmint_0-1737457762329.png

 

If you find our reply helpful, please hit Like and Mark it as a Solution.


For custom designs and solutions, feel free to contact us. We offer 360-degree services to help scale your e-commerce brand.



Thank You,
ViralMint Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency| Call Us 91 98903 26596
Location: Pune, Maharashtra, India 411045

topnewyork
Astronaut
1166 154 197

Hello, @peakclo , I have checked your website, but the error you are mentioning is not showing on my end.
Check it out then let me know 

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow! 
Thank you

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
peakclo
Excursionist
60 0 9

Double check using your mobile phone and you will see

topnewyork
Astronaut
1166 154 197

topnewyork_0-1737457056306.png

I also checked in my mobile it's working there

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

htmlBurger
Shopify Partner
83 7 20

It seems the issue is only on Safari on mobile. For some reason, the text of the button is white and it blends with the background. To fix this, you'd have to add a line of CSS code in /assets/component-card.css.

You need to find this block of code around line 137:

.card__information {
grid-row-start: 2;
padding: 1.3rem 1rem;
}

And below it, add the following code:

.card__information button {
color: #000;
}


We can help you with this fix if you need it. We'll just need access to your store. Just let us know if this is the case.

Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com