How do you adjust the header of a drop down menu?

[katyS1]

How can I customize the font of a dropdown navigation menu title to use a custom font?

As seen above, I have successfully changed the rest of my menu using a code I found on the community (attached below), however, it did not adjust the drop-down title (Bedding). Is there a way I can do this?

Code Used:

.header__inline-menu ul.list-menu li a.header__menu-item { font-family: 'Montserrat Medium' !important; }

[biznazz101]

Try adding this to the existing code:

.header__active-menu-item {

    font-family: 'Montserrat Medium' !important;

}

Hope that helps!
@biznazz101

[katyS1]

Hi @biznazz101 , thanks for the suggestion.

I put the additional code in as follows and unfortunately, it did not change anything. Am I inputting the code wrong?

.header__inline-menu ul.list-menu li a.header__menu-item { font-family: 'Montserrat Medium' !important; } .header__active-menu-item { font-family: 'Montserrat Medium' !important; }

[Vinsinfo]

@katyS1 Please check below code is helpful to you and let me know.

Replace below code with the existing code to change the dropdown menu title.

.header__inline-menu ul.list-menu li a.header__menu-item, header-menu {
    font-family: 'Montserrat Medium' !important;
}

[katyS1]

Unfortunately, that did not work either.

[katyS1]

Hi @biznazz101 , so the additional code you suggested actually did do something! When I click one of the dropdown items, it makes the “Bedding” Monserrat Medium (as shown below)

The only issue is that when I return home or go to a different menu option (accessories, education, etc.) - the Bedding title goes back to unchanged (as shown below).

Any way I make this title consistent throughout?

[Vinsinfo]

@katyS1 Can you please share your store URL to check this further?

[biznazz101]

Hello, if you would like the font to remain bold/unchanged regardless of page use this code instead of the existing code:

.header__menu-item {
  font-family: "Montserrat Medium" !important;
}

Hope that works for you!
@biznazz101

[Domino3]

Same problem, I know a good amount of css but seems like there’s a bug with the active menu item. It always functions differently with hovering and color changes.

[Domino3]

fixed