Boundless theme - disable hover to show price

[mimport]

Hi there,

I'm using the Boundless theme.

Whenever a product is shown on a desktop browser, the price is hidden until you hover over the image. The price is then shown on top of the image, as well as the product name.

I want the price and product name to always be shown. Much like what happens when you open the theme on a mobile browser. In that case the hover over the product image is not needed and the price and name are always shown under the image.

Any possibilities on how to disable the hover and to always show the product price and name?

Thanks in advance.

[Elle]

Hi, @mimport 

Elle here from Shopify. 

Where you're using a Shopify supported theme, you have 60 minutes of free design time to utilize on your account! Design time is granted after you select your Shopify plan. You can learn more about Support for Themes here. 

The customization you're looking to make is one our Theme Support team can assist with, so if you're interested in using some of your design time, please let me know and I will reach out to you directly.

Cheers,
Elle

[oscprofessional]

Hello mimport,

can you please share your site url..

[Jasoliya · Accepted solution]

Hi @mimport 

Follow this:

1. Add this code to Asset->theme.scss file at bottom

@media only screen and (min-width: 767px) {
    .product-item__meta .product-item__meta__inner,.product-item__meta{position: relative;}
    .product-item__meta{opacity: 1;}
}

Let me know if you need help.

Best regard

Jasoliya

[mimport]

Worked, thanks a lot!