To ensure your website behaves properly on mobile devices a custom menu must be created and assigned to the Primary Header Menu location. However some users may choose to only display links in the Pre Header Menu Location and not in the Primary Header Menu location. If you choose to do this please ensure you follow the steps below so that your site displays correctly on both desktop and mobile devices.

• Create a custom menu and assign this to the Primary Header Menu location. Alternatively you can choose to also assign the Pre Header Menu to the Primary Header Menu location.

• To ensure the Primary Header Menu is not displayed on desktop devices you will need to hide this using custom css. To hide the Primary Header Menu on desktops please add the following custom css to your site using a child theme or directly from the theme options panel under General Settings -> Custom CSS.

#header-links-inner {
display: none;
}