Archived topic
3rd Level menu using Navigator GP Template
7 replies · Started by Kyle on July 14, 2018
I am trying to add 3rd level menu items to my left side navigation set up using the Navigator Generate Press website base. I would prefer the second level to remain in the sidebar and then the third level to appear to the right over the main body of the website.
Right now, nothing appears when I hover over a second level link when there should be a link to the a page which is the third tier link. The third level links also do not appear on the mobile navigation.
Thanks!
Hi there,
Any chance you can link us to the page in question?
You can edit the original CSS and use the private URL field.
Thanks!
I thought I included it the first time. I've tried again.
HI there,
We need to change a little CSS, in the Customiser > Additional CSS, look for this code:
.site-header {
position: fixed;
left: 0;
top: 0;
width: 200px;
z-index: 300;
height: 100%;
overflow: auto; /* Change to visible */
overflow-x: hidden; /* Change to visible */
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
transition: .1s ease;
}I have commented here the two lines that need variables changing.
Changing the CSS made the mobile version work great. On the desktop version, the actual links are showing up, but the background container is not which means that you can't navigate to them.
Kyle
You're submenus are set to transparent. You can change this via the Customiser > Colors > Primary Navigation > Sub-menu items.
Perfect! Thank you!
Glad i could help
