How to make submenu horizontal and centered underneath its parent?

Hopefully you can replicate the issue in a CSS sandbox and link us that https://cssdesk.com

I’ll try to replicate it now Andrew thanks! ??

Hi again Andrew ??

Haven’t managed to replicate it, was taking me ages… it’s a great theme but so many options I got confused.. thanks for trying to help!

I think I got them inline now, but they’re all stacked up on top of each other :/ will try to work it out!

P.S. If you’d be up for having a look could quickly create a user for you to log in and have a look at the site? No worries if you’re busy though ??

Dom ??

Although I can profess to be trying to help you, it’s not safe to give me your login credentials even if you create a dummy account for me with low privileges. So, you should avoid giving out your credentials to anyone.

Here’s how you generally center things: https://www.w3.org/Style/Examples/007/center.en.html

If you search threads on www.ads-software.com you should find some tips of how other people have centred their menu, usually with the styles below:

display: table;
margin: 0 auto;

that’s cool thanks for your advice. I’m not keen on giving access, but seen people do it here on forums, but you’re right!

I’ll read the material you’ve given me and will try to work it out. Go trial and error eh? ?? I think I’m just having trouble with this theme- even though it’s great- as it seems to have so many different names for the same thing, like different name for the nav menu in css than in html due to lots of colour options.. sorry needed a bit of a moan! ??

Thanks Andrew ??

Hi again!

I quickly duplicated cazuela theme & my basic custom css into my another page –
https://wondersomethings.com

Any chance you could look at the menu and maybe possibly hopefully let me know how to make submenu horizontal & centered under the parent? ??
(I don’t even know what happened to the first menu item’s submenu there, which come up one by one now.. weird)

Would be so ever graciously grateful, because I didn’t manage to work it out throughout the day- tried changing margins, positions etc… =/

Hi! Hi again ??

After a few (5) days of trying to work out this horizontal menu problem of mine, reading numerous sources online etc etc etc, I still can’t work out where my problem lies of not being able to make my submenu horizontal & centred under it’s parent…

I managed to recreate the problem in cssdesk–>

Here’s my HTML and my CSS:
https://cssdesk.com/r7gZf

And here’s my HTML and Cazuela theme’s CSS, in case I’m missing something in this CSS that’s causing my despair..?
https://cssdesk.com/Th9E9

Thanks for all your help. If someone can help me solve this problem, it would made my day, and probably, my week too ??

Thanks in advance,
Dom

First get rid of the relative position on the <li>

You can give the relative position to the <ul> that contains the entire menu if that’s how wide you want it.

Then get rid of your width: auto; style on the submenu.

Hi Andrew- thanks for help. I’ve tried that to no avail. Someone helped me yesterday to sort it out by adding classes to each menu item. Phew, it finally works ??

See my added styles at the bottom of the CSS on this CSSDesk page: https://cssdesk.com/ct4ze

I’ve titled my added styles with:

/* FOR CLARIFICATION
   I've separated the styles */

HI sorry Andrew for late reply- didn’t see your message! Thanks a lot for this, really appreciate your help! ?? D