Main Menu subheadings

Sparkling
1

Hi,
In my main menu, my headings are colored and the text is done correctly. My subheadings however aren’t the same color, font, or size. I am wondering if there is a way I can edit the look of my subheadings to match my main menu items?

My website is www.thegayglobetrotter.com

Thanks!

2

Hi @baileymills802,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.navbar-default .navbar-nav .dropdown-menu a {
    font-size: 14px;
    color: #F5F7FA;
}

Best Regards,
Movin

3

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


/*drop down menu style to fit main*/
.navbar-default .navbar-nav .dropdown-menu > li:hover{
  background-color:#141316;
 
}
.dropdown-menu>li:hover>a{
  color:#337891;
}
.navbar-default .navbar-nav .dropdown-menu > li{
  background-color:#141316
}

Best regards,
Support.

4

That worked Perfectly! Is there a way to capitalize my subheadings while I am at it? Thanks so much!

5

Please use below custom CSS code to capitalize subheadings.

.navbar-default .navbar-nav .dropdown-menu > li a {
    text-transform: uppercase;
}