How to add id or class to login link in primary menu
-
The login or logout link in the primary menu is not outlined in astra theme. Is there a way to add a class or id? When using #primary-menu:last-child {} I get strange results, doubling any padding or margins. Maybe I am doing things all right, maybe not.
-
Hey @tonvandervalk66,
WordPress menu items should already have unique HTML IDs that you can use. E.g.,
#menu-item-463 awould select the link element of my login menu item.If that’s not avaialable in Astra for some reason, have you tried adding a custom CSS class to your menu item? You can do that by opening up your Appearance > Menus > Screen Options and checking CSS Classes?
That should be at the top of the page. It will look something like this.
https://share.wppopupmaker.com/12u0y4DG
Once that’s checked you can go back to your menu item and enter your CSS class there. See below.
https://share.wppopupmaker.com/jkumlPlp
Then, you can write a CSS selector like
.my-menu-login-class ato select the link element.We hope that helps.
Let us know if we got your question right or if you need anything else.
Have a great day ??
- The topic ‘How to add id or class to login link in primary menu’ is closed to new replies.
