Menu Description Position
Hello,
I would like to move the “Description” field in the menu above the “Navigation Label” instead of displaying it below, as it currently does.
Could you please guide me on how to achieve this? Is there a CSS solution or another recommended approach?
https://monabelladisain.veebilahendus.ee/
Password: 12345
Thank you!
Steve
Comments
Hi,
Please try the following CSS code:
.mfn-header-menu .mfn-menu-link .label-wrapper{ flex-direction: column-reverse; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
Hi,
It worked like a charm, thanks!
One more question — is it possible to make the menu title larger? At the moment, when I change it, it also changes the description. I’d like to adjust them separately. Is that possible?
Try this CSS code:
.mfn-header-menu .menu-item .menu-label:has(+.menu-desc){ font-size: 15px; line-height: 1.3em; }Thanks
Hi,
Worked, thank you!
Hi,
On 2nd domain, after updates on back-end description above
, but on front-end below
How can change it?
Br,
Steve
I can see that you have WP Rocket installed.
Did you purge the cache after implementing your changes?
Best regards