Menu bar drop down list won't span over background

Yes, you need to post a link to your site for help with something like this. Better yet, post in the forum specific to your theme.

https://www.usetinc-wp.org/

I’m not totally sure what you mean, but if you mean that you want it to be wider – to go across the menu space side to side – there’s not a great way to do that because CSS does not “read” the width of the browser or containing element. So you can do it manually, but it won’t automatically fix itself if you add more menu items.

That said, try changing your custom CSS here:

.main-navigation ul {
    text-align: center;
    text-indent: 2px;
}

to:

.main-navigation ul {
    display: table;
    margin: 0 auto;
}

And then add:

.main-navigation li {
    margin-right: 4em;
}

For future questions, you should post on the Leaf theme forum.

I tried your custom css, and although it worked, it only affected the text. I want my submenu to span over the background. To understand what im saying, if you go to my site, and hover over the last menu item called “Meetings & Events” and then hover over the sub menu item called “USET Annual Expo” you will see what I mean when I say its sub menus don’t span over background. Thanks a bunch.

Sorry, I’m not sure what you mean – do you want that text centered? Or the text space wider? Or?

Its no problem. I want the sub menu for my last menu item (Meetings & Events) to span over the background, because when someone hovers over the sub menu item, the background cuts it off, preventing them from seeing what the item is called. Do you get what im saying?