Text floating over category images

Hello I am having a problem on mobile! Our text is floating over our category images like this: https://morrisonsjewelers.com/shop/

Must be seen on mobile. Perhaps having the categories be in 4 separate rows rather than 2 would help this.

Thank you!

Hello,

Can you please disable the caching/minification and leave here a note?

Kind Regards, Roman.
aThemes Support

Yes. Disabled. Please let me know what I need to fix it.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.post-type-archive-product ul.products .product-category .woocommerce-loop-category__title {
    margin-top: -25px;
    margin-left: 0;
    text-align: center;
    max-width: 100%
}

@media (max-width: 599px) {
    .post-type-archive-product ul.products .product-category {
        width: 100%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support