I'm afraid I have a bit of a mess on my hands with a website I'm redoing. There are 2 main problems right now. 1. The main content container (left side) is overlapped by the nav bar, even though the sidebar on the right is not. I used the 2 Columns layout option in Site Designer when I was putting everything together. I want the main content on the left to be wider than the sidebar on the right. Which it is, but there is also a large gap between them on the desktop site. So that is actually another sub-problem.

My second problem is with the menu itself. I want the "Purchase Books" link to contain a drop down menu with 2 items (Autographed Books & Unsigned Books), and the Unsigned Books link to have 3 submenu items of its own. I am not sure how to do that so it actually works AND looks good. I got everything at least visible in Site Designer, but when I exported the files to a test site, the "Purchase Books" link--while it does have a down arrow indicating it should do something--does nothing when I click on it! I have tried working from the menu for another site that I finished--successfully--as well as a CC nested menu tutorial, but I am totally lost right now!

I'm attaching my Site Designer file and a link to the test site. If anyone can offer any advice, I'm all ears! Thanks in advance.
https://www.patricialavigneauthor.com/T … index.html

I've had a look at the site, but since you are building it with CSS grid, I'm afraid I'm not able to help. I could help you fix the menu since it is outside that grid, but that will have to wait until tomorrow, as it is midnight where I am.

If you haven't had any help from others by tomorrow, I'll see what I can do.

<ul class="list-container vertical medium-horizontal menu submenu is-dropdown-submenu first-sub" data-accordion-menu="" role="menubar" aria-multiselectable="true" data-n="betb0k-n" data-submenu="" style="display: none;"><li class="list-item-container subNavLinkContainer is-submenu-item is-dropdown-submenu-item is-accordion-submenu-item" role="menuitem"><a class="link-text subNavLink" href="purchase.html" title="Patricia La Vigne Author: Purchase Autographed Books">Autographed Books</a></li><li class="list-item-container subNavLinkContainer is-submenu-item is-dropdown-submenu-item is-accordion-submenu-item" role="menuitem"><a class="link-text nestedMenu vertical menu subNavLink" href="#">Unsigned Books<br></a><div class="container"><ul class="list-container"><li class="list-item-container subNavLinkContainer" role="menuitem"><a class="link-text subSubNavLink" href="https://www.amazon.com/Wind-Free-Patricia-Vigne/dp/0615689965/ref=tmm_pap_swatch_0" target="_blank">Amazon.com</a></li><li class="list-item-container subNavLinkContainer" role="menuitem"><a class="link-text subSubNavLink" href="https://www.barnesandnoble.com/w/wind-free-patricia-la-vigne/1112885302" target="_blank">Barnes &amp; Noble</a></li><li class="list-item-container subNavLinkContainer" role="menuitem"><a class="link-text subSubNavLink" href="https://www.amazon.com/Wind-Free/dp/B00HFSI22I/ref=tmm_aud_swatch_0" title="" target="_blank">Audiobook</a></li>
</ul>
</div>
</li>
</ul>

Having had a quick look at your code the ul container above is set to display none which is why you cannot see anything happen when you hover over "purchase books".

Regards Phil

The first header problem "About Wind-Free"

h5.mainContentHeader

this h5 element has a margin-top of -23px which is why is being overlapped by the nav.

Regards, Phil

Thank you, Phil! I forget why I had done that in the first place, but I guess that change got lost in the shuffle. I have fixed that now.

I can see what you're talking about when I inspect that element in the browser. But, when I go into Site Designer, nothing in the navigation is hidden at that breakpoint. Everything comes up visible and nothing is set to Display: None there. I even tried opening the exported index.html file in my HTML editor, but with that I can't find the code in question at all--in either the index.html file or the main.css. So I have no clue how to fix it! I may just start over from scratch on just the menu. The site I had done previously had a drop-down menu, but it only went down one level from the main navigation. This one I'm trying to do with another submenu 2 levels down, if that makes sense. I'll just keep hammering away at it! Thanks for your help, though!

Hi There
Please excuse the butting in Andrea & Phil you can tell me to butt out no problem

Andrea have you considered that with a little bit of re-working that you can actually do without the dropdown menu bit, and just have a simple text link, to a page, that is laid out with the sections for purchasing the book, visible on that page,

This completely removes the problems & issues with the dropdown part of the menu.

If you are interested in what I mean I have knocked up a short demo to show how it could look & work just let me know if you would like to look at it so you can get an idea, & I will put it up on youtube.

all too often I see people getting stuck with dropdowns, when in-fact a lot of them don't even need dropdowns at all just by re-thinking the layout a little bit.

If you want to keep the dropdown, here is a fixed menu. I haven't touched the colours or any other styling, just corrected what was wrong, added what was missing etc.
There still is a problem, though, and my guess is, that it must be connected with the rest of the page(s), which are also to some extent faulty. If the menu I'm posting here is added to the pages, the 'hamburger' menu doesn't work, and my knowledge of CSS grid is so faint, that I cannot be of any help with it. If the site had been built in a traditional way, just using 'plain old' Foundation, I would have been able to sort it.

The page has some code issues at the bottom.
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.patricialavigneauthor.com%2FTestSite%2Findex.html

Inger it is foundation not grid except for the 3 containers, but then she hasn't activated the display grid thingy anyway so you can just move them into flex or block

to be honest the whole thing needs a lot of sorting out, there are a lot of issues, not least one of which Eric has pointed out