hi there,
I'd like to style a specific menu-item into a button. In the file attached you can see that I tried this with the menu option 'Contact'. I am almost there, but the menu-text is being pushed down. Here is the css used.
.menu-popup{
background: #c39442;
height:35px;
padding: 0 20px 0 20px;
border-radius: 25px;
}
Do you have some advise for me on how to style this the right way?
Thx, André
Comments
As there is lot of styling based on the
line-height
property, it could be hard to achieve what you like.You have to consider also what will happen with this in mobile menu, as these styles will affect it as well.
Best I could come up is changing your styles to something like this: However, because of using
!important
it is not best and elastic solution.To use it only for normal menu, you could wrap this whole style like this: With kind regards.
Best, André
Have a great weekend!