How can I make menu items bold on hover and align submenu text?

[kindred-haus]

Hi,

I would like for the menu items to be bold when I hover/click on it. Also I would like to move the submenu text alignment to align with the main menu item.

Kindred Haus

PW: KHaus2023

Thank you for your help!

[Dan-From-Ryviu]

Add this code to your theme.liquid file after element

[niraj_patel]

Hello @kindred-haus

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.header .header__menu-item:hover { font-weight: 800; } .header li a.mega-menu__link:hover { font-weight: 800; } .header div#MegaMenu-Content-3 { padding-left: 34rem !important; } .header div#MegaMenu-Content-2 { padding-left: 13rem; }

Hover Result

Mega Menu alignment

Mega menu hover

[kindred-haus]

This worked perfectly thank you!