Changing Zeal demo navigation from top to sidebar menu

The float right suggestion worked I didnt touch the CSS. Thanks alot for your help now Ill get to customizing colors.

Ill mark this as closed.

Thats great. Glad to be of help!

Ok one last thing I just noticed my second level child menu items are not showing up at all and the text is set as black

I updated the code here:

https://generatepress.com/forums/topic/changing-zeal-demo-navigation-from-top-to-sidebar-menu/#post-617184

I also included two comments in the CSS for increasing the width of the Sidebar, just in case you ever wanted to change that.

All of the colors are defined in the Customiser > Primary navigation. Hope this helps

Oh yeah I got the colors down no problem and thanks again fo all of your help David have a great one

You're welcome Jason, this is great seeing Sites being used together!

Yes I really love the integration of GeneratePress and Elementor cits increased my workflow immensely.

Last question I now see the dropdown is showing if I widen the nav menu but its still showing underneath the body content so I can only see the left edge of the menu item. I tried increasing the Z-index but its still behind the site content.

Do I need to lower the Z-index for the body or something?

It sounds like an overflow hidden issue. In the code above, find this section:

.site-header {
		position: fixed;
		left: 0;
		top: 0;
		width: 200px; /* Adjust this to increase width of sidebar */
		z-index: 300;
		height: 100%;
		overflow: auto; /* Change this also to Visible */
		overflow-x: hidden; /* Change to Visible */
		-webkit-backface-visibility: hidden; 
		-webkit-overflow-scrolling: touch;
		transition: .1s ease;
	}

And try changing the overflow-x property to visible.

Hey David, sorry it took a bit to get back to yu but I just tried your suggestion and there is still no change the second level child elements are still behind the site content when I hover over it. If I make the header width almost half of the page I can see the entire list as its supposed to look but obviously that way too wide lol.

Thanks again for your help

Here's a link to the page again in case you want to check it out

http://564.727.myftpupload.com

OK, this code i just updated this with another comment:

https://generatepress.com/forums/topic/changing-zeal-demo-navigation-from-top-to-sidebar-menu/page/2/#post-618484

needed to change overflow and overflow-x to visible

That worked perfectly just gotta check it out on my other devices and I should be done.

Thanks for your help David, you've been great!

You're very welcome, fun working on it with you, first time someone called for a 'Site mash-up' lol