Menu appearance changed after update to Betheme20

ffrey

Dear team, I have a special menu, which has two lines for each item.

I do this by putting <span style="text-align:center;line-height:16pt;"><b>Wofür</b><br>ich arbeite</span> into the Navigation Label.

Before the Theme Update, the two lines appeared nicely, with not too much space between first and second line. 

After Update to BeTheme20, the gap now looks like an extra line!

How can I attach a BEFORE image so that you can see the effect/how it is intended?

Page: frey-coaching.com - here you see the AFTER, with the big space between first and second line of the menu item.

Best regards,

Friederike

Pablo

Hi,
It's not a good idea to put HTML tags in the menu item.

Also, It will break like this, because there is the <br> tag of HTML.

Please attach the Before and After image, it will be a lot of easier to understand the difference.

Upload both images on https://prnt.sc and post them in your next reply.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ffrey

Here you are - before (on top) and after (bottom).

https://prnt.sc/m9fjqk

Pablo

Hi,

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

#Top_bar .menu > li > a span:not(.description){
	line-height:25px !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ffrey

Worked perfectly for me! Thank you!

Friederike