Prestige theme How i Match the header hover effect

Topic summary

Goal: Recreate the header menu hover effect from robotimeonline.com in a Shopify store using the Prestige theme.

Key requirements:

  • Remove the underline styling for mega menu items only, while keeping underline behavior for standard dropdown menu items.
  • Add an underline immediately after the menu (as part of the hover/active effect) to match the reference site’s behavior.

Resources: The post includes a reference site link and a Shopify preview link for the target store. No code snippets, images, or videos were provided.

Status: No responses or solutions yet. The requester is seeking CSS-based guidance specific to the Prestige theme to implement these hover/underline customizations. Discussion remains open.

Summarized with AI on December 18. AI used: gpt-5.

Hello everyone,

we need help to match the header menu hover effect from this website : https://www.robotimeonline.com/

on our new prestige theme : https://y5r62uwtd30qwt40-87349559639.shopifypreview.com

first and most important in our store, we would like to remove the underline only from the mega menu, not the dropdown menu, and add an underline right after the menu

Thanks for your reply but its not working after i delete as will everything for the mega.menu in theme.css

Hi @5611632 again

Try with this code in your theme customization, under headder section, Custom CSS setting

.header__primary-nav-item:has(.mega-menu):before {
    display: none !important;
}

It should hide that line for items that have mega menu

For other things I am not quite certain, but will update you if I get a solution.
Also try not to listen to people who did not check your site but just use AI generated anwsers.