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.
1

I want to remove the underline in my mega menu. I am using the Prestige theme. The shop is currently under development, so I can not share a URL but I can accept a collaborator request or send login to the store.

Skærmbillede 2024-04-11 kl. 10.25.21.png
Skærmbillede 2024-04-11 kl. 10.25.21.png1889×697 89.7 KB

2

Hi you can remove it by custom css you can send me login so i can check.

3

Link: https://peter-solberg.myshopify.com/
Kode: Bogiliam2015

4

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

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

you can use this css in theme customizer

6

It still show under the ordinary menu, but it worked for the Mega menu. Can I add some more css to the the theme customizer?

Skærmbillede 2024-04-11 kl. 12.58.00.png
Skærmbillede 2024-04-11 kl. 12.58.00.png1146×301 26.5 KB

Skærmbillede 2024-04-11 kl. 12.58.10.png
Skærmbillede 2024-04-11 kl. 12.58.10.png1629×597 80.6 KB

7

Thank you but this does not work :confused:

8 
nav.header__primary-nav.header__primary-nav--center .header__dropdown-menu:before {
display:none;
}

try adding this css

9

Thank you so much - it worked! :slightly_smiling_face:

1 Like
10

you are welcome :slightly_smiling_face:

1 Like
11

Hello! Can you please help me with the same issue?

Also, I am not sure how to make a horizontal mega menu instead of a vertical one.

Website is www.negujse.com