Hi Yu

Could I ask you to check that the browser has not zoomed the viewport which would cause the mobile menu to display. Using a PC you can do this by hitting 'CTRL + 0'.

To reduce the width at which the mobile menu kicks in which would resolve the issue you can do the following...

In your templates styles.php (../templates/j51_vitality/php/styles.php) cut the following code (line 32)...

/* Hide default hornav menu */

.hornav, #socialmedia {display:none !important;}

/* Show mobile hornav menu */

.slicknav_menu {display:block;}

Then open your templates responsive.css (../templates/j51_vitality/css/responsive.css) and paste the above code after the following (line 38)...

@media only screen and (max-width: 767px) {

Ciarán

Hi,

Sorry, the relevant website should be http://www.synergistic-intelligence.com.

Perhaps you are right. When I use a PC to view it, it's fine.

However, I am still puzzling as I used to see the first menu level with my laptop. However, it now becomes like the mobile view whereby "MENU" appears on the extreme right.

Hi Yu

I suspect you are seeing the mobile version of the menu. This menu is displayed on smaller screen devices? May I ask on what device are you having this issue? If on a desktop what is the screen resolution of your display?

Ciarán