Change dropdown menu

Site URL: https://www.lseven.nl/home-new

Hi guys,

I'm struggling with my dropdown menu, can somebody help me out?
I've found a few answers but nothing is 100% fitting / working

• Centered below the main topic / navigation
• Background color always white
• Tekst color always #2D2926
• With adjusted to the text. (Now it's very wide but the text isn't)

Thanks a million!

On 12/7/2021 at 2:56 PM, bangank36 said:

Try adding to Home > Design > Custom Css

.header-nav-list  .header-nav-folder-content {
	background: #fff !important;
	min-width: 80px !important;
}

.header-nav-folder-item a {
	color: #2D2926 !important;
	padding: 5px 10px !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thanks a million for this! Works perfect on the site. Maybe one smalle other thing if you can help me out:
the dropdown is placed very close to the main navigation. Is there any code to increase the distance a little bit between navigation and dropdown? Thx!

5 minutes ago, Bluemonque said:

Thanks a million for this! Works perfect on the site. Maybe one smalle other thing if you can help me out:
the dropdown is placed very close to the main navigation. Is there any code to increase the distance a little bit between navigation and dropdown? Thx!

the font in the mobile menu is really big. Is there a code to decrease the font size here/
The text is also underlined in general with mouse over and in mobile menu. Can I delete this?

Thanks!

7 minutes ago, Bluemonque said:

the font in the mobile menu is really big. Is there a code to decrease the font size here/
The text is also underlined in general with mouse over and in mobile menu. Can I delete this?

Thanks!

I've used this code for it but the underline is still there:

.header-menu-nav-item a {
    font-size: 14px;
    text-decoration:none !important;
}

(The website is www.lseven.nl)

18 hours ago, Bluemonque said:

I've used this code for it but the underline is still there:

.header-menu-nav-item a {
    font-size: 14px;
    text-decoration:none !important;
}

(The website is www.lseven.nl)

Add to Design > Custom CSS

/* nav underline */
.header-nav-item a:after {
    opacity: 0;
}
.header-menu .header-menu-nav a:not(.btn) {
    border: none !important;
    background-image: none !important;
}