Uneven Spacing Between Category Names in Header

Hello,

I’m encountering an issue with the spacing between category names in the header. As shown in the attached screenshot, there is a noticeable misalignment, particularly between the Flooring and Cabinets sections.

I’ve tried adjusting the spacing between categories through the Header Builder, but the issue persists. Additionally, all the icons I’ve uploaded are in SVG format, with the same resolution and dimensions, so I don’t think the problem stems from the icons.

Could you please help me resolve this issue and ensure that the spacing between category names is evenly distributed?

Thank you in advance for your assistance!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide us with your admin access so we can log in and check this on your end.

Thank you in advance.

Okay.

Your issue is caused by the SVG images you are using. As seen in the header, the problem with spacing only occurs in the menu items that contain SVG images without defined width and height attributes (https://monosnap.com/file/uwyRy7IEVdNTkNwY82uI15S2iImvs4). In contrast, menu items with SVG images that have these attributes set appear normal (https://monosnap.com/file/L2EFj47JCiSgvWQmZOWuJcZW5ZbhsH).

To fix this issue, you need to open the SVG file in an editor such as Sublime Text or your system’s default text editor. Then, add width and height attributes to the SVG tag, as shown in this screenshot: (https://monosnap.com/file/LUEXGDAJjuzqpYX8dPguSxnvAyc3jK). Then you will need to re-upload your SVG icons.

Kind Regards

Okay thanks.I have 2 more topics.Have can i close this one?

[Author]

Posts