[Little Happy People]

Hi all,

We’ve got a problem using the babystreet theme where, when you hover over a product, the quick links appear but on top of the product title. This is a bigger problem on phones where they’re always there, not only when you’re hovering over. Here’s a little screenshot to show what I mean…

Is anyone else experiencing this? And does anyone have any suggestions as to how to fix it?

Thank you!

[Althemist]

Hi Little Happy People,

Could you, please provide a working link where we can see the problem “live”? We can’t tell what could be wrong by looking at a screenshot.

Regards,
Dimitar

[Little Happy People]

@ Dimitar,

Thanks for your response! Our website is littlehappypeople.co.uk. If you scroll to just below the main banner, under “You’ll heart this”, it features some products. If you hover the mouse over any of them, the links pop up over the words. If you visit on a phone and go to the same section, you don’t need to hover over as they are over the words either way.

Any help with this would be massively appreciated! Thanks.

[Althemist]

Hi Little Happy People,

Sorry for the extreme delay.

We have checked your website and the problem is caused by the stock label on your site. It’s not a theme feature, not a woocommerce feature, so I assume it’s something custom you have made there.

There are two options:

1. Either change the stock label positioning

OR

2. Move the buttons a bit up. You can do this with CSS. Something like this:

div.prod_hold:hover .links, div.prod_hold.babystreet-visible-buttons .links, html.touch .links {
    top: calc(100% - 250px);
    opacity: 1;
}

Regards,
Dimitar

[Author]

Posts