I haven’t played with the Twenty Twenty-Four extensively yet, but I did a quick test with this custom CSS override in the browser’s webmaster tools. This might work for you…
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
text-align: right;
}
It almost appears the .items-justified-right is not taking effect.
Thanks. I’m new to WordPress – how do I apply that to my site?
No worries.
Because you’re using the Twenty Twenty-four theme, I’m going to assume you don’t have the classic Customizer showing–since this is what happens with a full block-based theme.
However, you can copy and paste that bit of CSS code I provided by doing this…I’ve also added screenshots:
Go to Appearance >> Editor
https://www.screencast.com/t/o9J4wDxxXCR
Click on the Style icon, then the three dots, followed by “Additional CSS”.
https://www.screencast.com/t/w23XEvFKR
In the Additional CSS part, paste the CSS code into that and save it. Test out the menu on the front end and see if that works.
@roughpixels thanks for your help!
You are very welcome. Is everything working OK now?
It’s right-aligned now, though I’d prefer to have it left-aligned. Definitely an improvement, though.
