SOLVED: Some issues in nav menu

Browser: Chrome 127.0.6533.100
OS: Windows

Hi,

1- If we use an SVG icon for the sub menu icon, it does not have a normal state. Please see the screenshot below. If you change the color of the svg icon using the fill option, it is clear that there is a problem.

Screenshot_1

2- If the website is RTL, the sub menu icon is completely attached to the text. Because the margin is applied from the left like LTR. While it should be on the right side.

3- If we set a background color hover for the item, it will ignore the border radius of the submenu when hovering.

Hi Hosein,
Thanks so much for your report!

  1. It is probably due to your SVG, as I cannot reproduce the problem. In general, please share the SVG code with any SVG report.
  2. True, there is currently no RTL rule for this - but you can overwrite the icon margin in the settings.
  3. I don’t understand the issue. Please show an example.

Best regards,
timmse

Hi again

1- Maybe, but this svg only has problems in the nav menu element sub menu.

3- Please watch the video below. Maybe the best solution is to set the border radius for the item. But if the number of submenus is 2 or more, it is not a good idea. Because the border radius is applied to each item.

thanks

Regarding the first one, it seems that the nav menu adds a stroke to the svg. When we set the stroke width to zero in the svg settings, the problem is solved.

Hi again

A little more detail about the first one…

This problem exists both in the nav menu element and the drop down. In fact, it seems that the icon below the menu uses the fill color from the top level typography color.

In fact, it seems that the sub menu svg icon uses the “Fill color” from the top level > typography > color.

Hi timmse,

Except for the third issue, all other issues have been fixed in recent versions. The third issue has been reported earlier in this report > the first issue.

Thank you for your attention to user reports.

Hi Hosein,
I’m glad to hear that, but what do you mean by this?

Is this still happening?

Hi timmse,

I apologize for forgetting to add the link to the report🙏

Is this still happening?

And yes, this problem still exists Both in the Nav menu and nav nestable elements, which I mentioned in this report > first case.

If items have a hover background color, they ignore the ul (sub mebu) border radius. I tried to solve the problem with:

%root% .sub-menu{
overflow: hidden;
}

But this causes Caret to crash.

So to summarize:

1 + 2 are solved/no problem anymore, and 3 has already been reported by you here, and unfortunately is still not solved:

So we can mark this report as solved and just ignore 3, since it’s a duplicate :slight_smile: Thanks for the update!

1 Like

Yes, exactly. Thanks for looking into this🙂