Tagged: navigation
Hi there,
I’ve created a drop down menu within my main navigation. It’s formatted like this:
“Other Services”
• Service 1
• Service 2
• Service 3
Each service links to a separate page. However I don’t want “Other Services” to link anywhere. I just want it to serve as a category header. Is this possible?
Thank you!
Hey raisonbrands!
normally you would remove it with a code like this:
li#menu-item-4205 {
pointer-events: none;
}
but then the submenu does not open anymore. So there is no easy solution for this and it hard-coded solution would be necessary I think.
Best regards,
Andy
Thank you for your response. One more question on a different note:
Our main navigation is quite long, so when viewing on an iPad in landscape view, the navigation link “Home” overlaps the logo. When I rotate the iPad vertically, the menu shrinks to the button format (similar to what you’d see on a smartphone). Is there anyway to have that button appear when the screen is shrunk down to a certain dimension?
Hopefully I’ve explained that correctly.
Thanks again!
Hi,
You can use the following in Quick CSS:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Please adjust the value 1024 to the pixel value you’d prefer.
Regards,
Rikard
Thank you!