html block for menu categories

hi, how please could i make this 😕
1. a bit more elegant?it seems that the product slider carousel is way too high and the products on the left are not settled up https://i.imgur.com/lUASZnz.png
2. how do i put as background in https://i.imgur.com/M6tDFHH.png an image as the https://i.imgur.com/YJJzy61.png ?must i create an image with theme’s background colour and set something like the sofa on bottom right?and if yes, of what dimensions?
thank you

Hello,

I saw the screenshots you attached.

1) This is because you have added too much content in the HTML block of the menu item dropdown. You can try reducing the content then clear cache and check back.

2) You can set the image of the HTML Block background from Appearance >> Menus >> Edit menu item.

Screenshot for Clarification: https://prnt.sc/vro1qe

The image used for the demo is 970x500px.

Best Regards.

Hi @giannisth
I used to have an issue just like you with the background image (dropdown menu). And here is the solution:
– Edit the dropdown HTML block with Elementor
– Change the background image you want (970x500px)and of course it has to png/webp format if you want it to look like the sofa image
Good luck!

Hello,

@tin4390 Thanks for your involvement. Your solution might be helpful for someone else.

Regards.
Xtemos Studios.

ok,thank you all!it’s ok now

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts