Create Dream Website

How to Remove Underline From Menu & Submenu Links in Shopify | Dawn Theme

1. Online Store > Themes > Edit Code > base.css , Paste Code Below

2. Copy this code and add below code in your base.css file

Code snippet for center the header nav menu

HTML
/* code for menu */
.header__active-menu-item { text-decoration: none; }
.header__menu-item:hover span { text-decoration: none; }

/* code for Sub menu */
details[open]>.header__menu-item { text-decoration: none; }
.header__submenu .header__menu-item:hover { text-decoration-line: none; }

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top