[Resolved] alignment change on hoover – sub menu

[Nicole]

In my sub menu – how would I change the text to align right just when hoovering?

I tried to figure it out, and just seemed to make a mess of things.

Thanks!

[Leo]

Hi Nicole,

Just want to make sure…so you are wanting the submenu item aligning to the left when hovering over its parent menu item but change to the right when it hovers over to the sub menu item?

Let me know.

[Nicole]

Yes! Exactly that!
Thank you

[Leo]

Give this CSS a shot:

.main-navigation .main-nav ul ul li a:hover {
    text-align: right;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Can you provide a link to your site if this doesn’t work?

[Nicole]

It worked!
Thank you so much!

[Leo]

You’re welcome 🙂

[Author]

Posts