Issue with drop down displaying over the top of page name header

[BowlsNewZealand]

Hi there
The attached image is the mobile image of the dropdown menu - firstly the last menu items are in white and cannot be seen on the pale background - how can I get the menu dropping down on the charcoal colour before the page header/title? Not easy to see but there is an ABOUT US and RESOURCES portion of the menu please the search icon that can’t be seen
Thanks in advance

[prakash_s]

Hello @BowlsNewZealand,

Thanks for writing to us.

In order to get the full height of the submenu background I would suggest you please add this custom CSS code under the global CSS.

@media(max-width: 1100px){
.ubermenu-responsive {
max-height: 100% !important;
}
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks