Issues with flexbox alignment in menu

Topic summary

A user is experiencing unexpected <i> tags appearing in their header menu’s flexbox layout, which they believe is causing alignment issues with flex items.

Proposed Solutions:

  • One suggestion recommends switching from flexbox to block or grid display to resolve the CSS problems.
  • Another response requests a screenshot of the theme’s header code file to locate and manually delete the problematic <i> tags.

Current Status:
The issue remains unresolved, awaiting the original poster to provide additional code details or test the suggested fixes.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Does anyone know why these tags are suddenly showing up in my code when I inspect the flexbox in my header menu ?? I think they are messing up the alignment of the flex items in my header.

Any and all help is appreciated!

Have you tried switching the flexbox to a block or a grid? I think if you do that it will fix all of your CSS issues.

Hi @atlas9concepts

Could you take a screenshot of the code inside the theme code, specifically in the header or site-header file?

After that, look for the section with the tag in the file and delete it.

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.