"Menu-category-7" size issue

Hi, i duplicate “Menu-category-7” and used it in my site, but as you can see in attached first image there is no issues because i do not edit it yet, but when i change the text it’s size increasing vertically as you can see it in second image.

please tell me why is it happening?

i did it with different blocks and same issues occurs when it comes to other blocks also.

Attachments:

You must be logged in to view attached files.

Please, provide us your admin access so we can login and check this on your side.

Thank you in advance.

..

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.menu-item-design-sized .sub-menu-dropdown>.container > p {
	display: none;
}

it is working!

is this code will work for other menu-blocks which has same type of error?

Yes, it will fix for other blocks as well.

could you please tell me why is this https://i.gyazo.com/7a79cd746af35b3e111534fe5d3da74d.png caution icon appears in custom css?

https://i.gyazo.com/1590f867ac9cad4eef06eeecd418a33d.png

why this section has gap in the bottom? it is not appears in default sectionbut after editing it appears.

https://i.gyazo.com/4d98564ef5474c6fc4aa7395ff338663.png

You need to add more content to this block to make it fit the full height for the dropdown. Try to one more link to the column for example.

and the code is not applied for other blocks

please see this:
https://i.gyazo.com/d8321f7ead8c434576d823f8c8d6b855.png

i added one more list item, but it appears like this:
https://i.gyazo.com/23be2c5237b0a0f1237f16b4378100eb.png

Everything works correctly and there are no any extra space in both HTML Blocks. Just your block’s contents are higher than categories menu list.

okey! many thanks.

could you please tell why the is not working to other blocks?

please see this:
https://i.gyazo.com/d8321f7ead8c434576d823f8c8d6b855.png

As we said, it happens because your block’s content is higher than categories menu list. Try to decrease some paddings or change number of products from 4 to 3 to make it smaller.

Actually it was default block, i did not change anything…

anyways.. i deleted list items and reduced product nuber from 4 to 3, but this happens:
https://i.gyazo.com/2c2933060bc3d02ac52c8b9305a927d1.png

Now the column with this widget doesn’t have enough height to fill the space correctly 🙂 This option requires you to find the ideal amount of content if you want to make the HTML Block be inline with the categories menu list.

ok i got it!, thanks for helping me, actually my product’s Title exceeds to next line that is why this happening.

Great, you are welcome.

[Author]

Posts