Remove Underline On Mega Menu (Prestige theme)

Store Design
, , , , ,

Topic summary

Main issue: remove the underline appearing under Prestige theme’s mega menu (and standard menu items).

Key actions/attempts:

  • Custom CSS suggested to hide the underline pseudo-element: .header__primary-nav-item:before { display: none; }.
  • Another variant applied in the theme customizer: nav.header__primary-nav.header__primary-nav–center li:before { display: none; } — worked for the mega menu but the underline still showed on the regular menu.
  • Final fix: nav.header__primary-nav.header__primary-nav–center .header__dropdown-menu:before { display: none; }. CSS can be added in theme.css or via the theme customizer.

Outcome: Original requester confirmed the final CSS removed the underline. Issue resolved for the initial store. Screenshots were shared to illustrate the underline.

Open items: A new participant asked for help with the same underline issue and how to make the mega menu horizontal instead of vertical (site link provided). No solution posted yet for the horizontal layout; discussion remains open for that request.

Summarized with AI on December 28. AI used: gpt-5.
4

Add this css in your edit code > theme.css File

.header__primary-nav-item:before{
    display:none;
}