Category heading image

Hello,

Please look at this url link:
https://www.annachi.fr/categorie-produit/rice-rice-products/

The heading image is not fully displayed on mobile and on tablet.

Can you help me please ?
I gave you admin access

Thanks

Attached image

https://drive.google.com/file/d/19Gc9xF9JKyHRvq4nXoLbmc5Qkn-Y9BQ_/view?usp=drivesdk

Hello,

The image which you attach as a background covers the row and has been cut on mobile. It cannot be scaled. It is not possible to do with CSS. You will have to select another image or you can use a category description: you create HTML block with the image element full width and insert ID of the block into categories description field. In this case, the image would be scaled.

Best Regards

Hello,

Thanks for your quick reply.

I did as you said but look at yourself here:
https://www.annachi.fr/categorie-produit/rice-rice-products/

There black space above the image and the image not taking full width.

We need like you did here:

https://woodmart.xtemos.com/product-category/clocks/
Can you show me an exemple of html block, please. We need also the animation of category dropdown list when u click.

Thank you

Hello,

As I have already told you will have to choose: you will have the image as a background in the title and it will be cut on mobile or you will have the image in the category description as you have it now.

In order to show categories in the title you do not need HTML block:
Seems you have hidden the title and categories in the title. Check your custom CSS in the Theme Settings. Also, in order to show categories in the Title, navigate to the Theme settings > Shop > Sidebar and title and enable the option.

There is no option to add special animation to the Category menu.

Best Regards

[Author]

Posts