Navigation Menu issue

[Ian]

My main navigation is working fine on the desktop. The first item “ABOUT” is not clickable but the two items underneath are. This is functioning as planed.

When this navigation is mobile the “ABOUT” is not clickable and will not revel the two pieces of sub navigation. I s there a way around this.

[Rui Guerreiro – SUPPORT]

Hi,

Have you made it with any custom css?
If so can you show us that piece of code?

thank

-Rui

[Ian]

I turned off all my custom CSS and it made no difference to the functionality, but here it is:

/* --------------------------------------------
	NAVIGATION CSS
-------------------------------------------- */

.layout-fullwidth nav .menu > li > a {
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.layout-fullwidth nav .menu > li:hover > a {
	background-color: rgba(33, 33, 33, .85);
}

li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu {
	top: 68px !Important;
}

.layout-fullwidth nav .menu ul.sub-menu {
	background-color: rgba(33, 33, 33, .85);
}
.layout-fullwidth nav .menu ul.sub-menu  ul.sub-menu {
	background-color: rgba(33, 33, 33, 0);
}

.layout-fullwidth li.menu-item.sf-mega-menu.sf-mega-menu-alt > ul.sub-menu li {
	border-top-width: 0;
}

[Rui Guerreiro – SUPPORT]

Hi,

What do you have in the target of the About link?
Did you placed # ?

-Rui

[Ian]

No I had nothing. The # works but of course makes it an active link, I guess I can change the courser to a pointer with CSS.

[Rui Guerreiro – SUPPORT]

Other idea is to create a specific menu for the mobile where the About link uses the # Since it’s in mobile and there is no mouse over effect won’t be necessary to add any css.

-Rui

[Ian]

Thanks.

[Kyle – SUPPORT]

Thanks Rui