Menu Help

Hi,

to 1 – 2: If you create a custom menu in “Appearance > Menus” and assign it to the “Main Header Menu” location, the menu will be displayed as a drop-down list on mobile devices. To create a more customizable mobile menu, I recommend you to use the Responsive Menu plugin. Then you can hide the default drop-down mobile menu by inserting this custom CSS into “Customize > HappenStance General Settings > Custom CSS”:

@media screen and (max-width: 1012px) {
#wrapper .menu-box-container {display: none;}
}

This CSS will prevent scrolling of the menu:

@media screen and (max-width: 1012px) {
html #wrapper #header .sticky-nav {position: relative !important; top: auto !important;}
}

to 3: Unfortunately, I am not sure whether I correctly understood your question. If you would like to hide the white background around the post/page titles, then please add this custom CSS:

#wrapper .entry-headline-text, #wrapper .entry-headline {background: none;}

Best regards,
Tomas Toman

Thank you so much for your reply, that worked perfectly. Is there a way to remove the “Search” from the click menu that’s now visible on phones

In regards to #3 if you look on the main page on the right hand widget you’ll see the title “Opening Hours” has just a white background behind it, this happens on page titles also.

And is it possible to change the menu colour in the CSS at all?

Thanks again,

Matt

Hi Matt,

the Search form probably can be removed through the plugin settings panel.

The custom CSS that I posted in my previous reply allows you to hide the white background around the post/page titles. For the sidebar widget titles please use this custom CSS:

#wrapper .sidebar-headline-text, #wrapper .sidebar-headline {background: none;}

This custom CSS allows you to change the menu colors (text and background):

#wrapper .menu-box-wrapper {background-color: #555555;}

Best regards,
Tomas Toman