NO BUG: Mobile menu with svg icon for submenu

Bugs
1

Browser: All browsers
Video:
20231104_131245_384-Schůze_SVJ_012024_–_SVJ_Stiborova_1,3_Olomouc-_O

On mobile menu a changed the Icon (Submenu) in Top level settings to the svg icon and the Bricks applies to that icon padding 30px what makes that icon invisible. When I use icon from font (eg. Themify) it’s OK and the icon is visible.

image
image367×806 18.7 KB

2

Hi @Shortik,

Thank you for your report. Could you please share a URL to the SVG in question? I tried multiple custom SVGs and none of them were invisible due to the padding.

3

I sent it to you by PM.

4

Hi @Shortik,

Thank you for sharing the URL :slight_smile: I don’t think this is a bug as the padding can just be overwritten here:

Screenshot 2023-11-06 at 13.23.50
Screenshot 2023-11-06 at 13.23.50716×340 7.44 KB

Or is there something I’m missing?

5

The problem is that there is different behaviour if you choose icon from built-in icons (Themify) and different if you upload your own svg.
Yes, I can set the padding to 0 px, but it’s ungly then. :smiley: But it works, thanks for advise.

6

@Shortik, yup I understand your point. However, the issue here primarily arises due to the width of the button being set to 1rem on your instance. Which roughly translates to 10px (as the HTML font size is set to 62.5%). So I don’t see how we’d be able to account for cases like this (as there’s always going to be edge cases).