Ffgrf

That did it. Thanks!

The difference is if you don’t have a description, Google will just pull from the copy on your page, starting from the top. I guess I’ll just have to live with it in WordPress search. It’s only 2 pages on my site anyway.

I don’t have Yoast, but I am using All In One SEO. Just for the hell of it I tried pasting all of the copy from the page in the description box. It didn’t work. Someone else told me the WordPress’s search only pulls in copy from the content area of the editor. So meta, widgets, etc. it won’t display.

I figured this out. I just needed to adjust the right margin on the last individual menu items like this.

body.custom ul.menu .menu-item-7339 {margin-right: -200px;}

Ok, I figured part of it out. I replaced this code

.block-type-navigation li:hover ul.sub-menu li {
display: inline !important;
float: left;
width: 20% !important;
}

with this code

.block-type-navigation li ul.sub-menu li {
    display: inline !important;
    float: left;
    width: 20% !important;
}

Now the menu appears horizontal both on hover and on all the individual pages that I want it to stay open on.

The only problem now is the spacing between the submenu items is inconsistent. Some overlap and others have varying spaces in between.

What works?

I even tried adding these 2 lines, but they have no effect. Either the menu is vertical or doesn’t display at all, unless hover over it.

display: block !important;
opacity: 1 !important;

Here is what I have, which is almost identical to the other code, but the menu is still vertical.

.page-id-7224  .block-type-navigation .sub-menu {
    display: inline !important;
    left: auto;
    width: 20% !important;
}

I also tried this, but then the menu isn’t visible at all.

.page-id-7224  .block-type-navigation .sub-menu {
    display: inline !important;
    float: left;
    width: 20% !important;
}

It’s applied, but it’s not working. How do I make the static menu on this page horizontal?

https://grouchyturtle.com/paddleboard-shop

On second thought…

How would I adjust this to make the menu horizontal? I tried the following, which makes the mun horizontal on hover…although I am having spacing issues.

When I take that code and add it to page I want the menu visible on (or just replace the existing code) it doesn’t work. Either the menu stays vertical or disappears entirely.

.block-type-navigation li:hover ul.sub-menu li {
display: inline !important;
float: left;
width: 20% !important;
}

Perfect! Thanks for all the help!

https://grouchyturtle.com/paddleboard-shop

That works, but it also causes all of the items in the navigation bar to shift down and line up with the last item in the drop down.

That makes it appear for just a second while the page loads. Once the page is done loading it’s no longer visible.

The one for SHOP.