Navigation Issue

Hi all, I do not know how to code but am hoping someone might have had this issue and wanted to change it as well. 

Here is the site in question - www.rebekkahdavies.com

When you're on the home page and you hover on the Social tab a submenu appears with a dark gray background. What I'd like is for the submenu to have no background color and instead have a line under the submenu tab when it's hovered on. For example, a line under Pinterest when you hover on Pinterest.

When you're on any other page but the home page, the header is white, so ideally, each submenu would have a white line under it on the home page and a black line under it on every other page. 

Can anyone help with this? TIA!

On 1/3/2023 at 5:37 PM, RDID said:

When you're on the home page and you hover on the Social tab a submenu appears with a dark gray background. What I'd like is for the submenu to have no background color

If it helps, you can use the built-in social icons (including Pinterest, Instagram and Houzz) in your header instead of adding links manually to a navigation folder. This improves user experience by exposing the familiar social icons without requiring users to click into the navigation. For example, it may look like this:

You can add these icons by adding your social URLs to the header like this:

Did this help? Please give feedback by clicking an icon below  ⬇️