Issue with Astra Theme – Product Title Not Displaying in Bold on Mobile View

[ad_1]

Hi

I’m currently facing an issue with the Astra theme (Free), specifically related to the display of my product titles. I have implemented the following code to make the product titles appear in bold:

/* Set product font title to bold */
h2.woocommerce-loop-product__title {
font-weight: bold !important;
}

/* Remove the bold weight for product price */
.woocommerce ul.products li.product span.price {
font-weight: normal !important;
}

Surprisingly, this solution seems to work perfectly on desktop and also displays correctly in the mobile view during the preview. However, when the website is live and viewed on an actual mobile device, the product titles are not appearing in bold.

I have checked the code and tested it on multiple devices, and it still doesn’t seem to work as expected on live mobile views. Any insights or guidance on how to resolve this issue would be greatly appreciated.

Thank you in advance for your assistance!

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer