Navigation dropdown background & mobile navigation dropdown size

Site URL: https://www.mahanidelborrello.com/

Hi,

Is it possible to remove the black background on the navigation dropdown when there is a background image? It is currently black and very chunky looking. I would it to be transparent, or no background if possible.

I did try adding the code below (from another forum question) and it appeared to work in the preview but promptly returned to showing a black background again.

body:not(.header--menu-open) .black .header-nav-folder-content {
    background-color: transparent;
}

.

Also, is it possibly to reduce the dropdown menu text size on the mobile version? Long page names currently split over two lines and it looks awful.

Thanks

Q.1. It looks like you solved?

Q2. It looks you solved with this CSS?

.header-menu-nav-item a {
    font-size: 8.5vmin;
}

No, neither of these questions is solved.

The code you referred to made the main navigation slightly smaller.

There is still a black background to the dropdown menu when viewing the homepage on a desktop as per the image attached above.

And the dropdown menu text size is still too large on mobile, see other image attached above. More specifically if you click on 'Work',  the sub menu item 'Some place, no place' is split over 2 lines, I would like it all to fit on one line.

Thanks

Add to Page Header where you want to make dropdown black to transparent

<style>
  .header-nav-folder-content {
    background: transparent !important;
}
</style>

With dropdown font size on mobile, add this to DESIGN > CUSTOM CSS

/* Mobile folder font size */
div.header-menu-nav-folder-content .container a {
    font-size: 14px;
}

Perfect!

Thank you, thank you, thank you!

On 5/31/2021 at 6:08 AM, picturette said:

Perfect!

Thank you, thank you, thank you!

Do you need fix these?

Site URL: https://www.mahanidelborrello.com/

1. (Overlay Menu) Change Site title color?

2. (Tablet-Contact) Align site title/burger with page content – You haven’t changed SEO Title so the browser tab name still shows “Contact 3”

3. (Mobile-Products) Add a breadcrumb on top of product?