-
hollytga
Hi,
I have two menu items that have two long words each so they stack on mobile. But the line height for those menu items between the words is the same as the line height between all the pages listed there. How can I decrease the line height in each item? When I change it in the customizer it changes it for the whole page list.Here is an example: https://drive.google.com/file/d/17BCGvl1GzXnG130QKuMVjrtK1ZgzO8FK/view?usp=sharing
-
Hi there,
Any chance you can provide your site link?
Let me know 🙂
-
hollytga
Sorry! https://beb.fresheggs.biz/
-
David
Hi there,
you could keep it on one line by reducing the off canvas panels padding using this CSS:
#generate-slideout-menu.do-overlay .inside-navigation { padding-inline: 1px; }
Or if you want to reduce the items line-height:
1. give the menu item a CSS Class of ‘small-lineheight`
1.1 this doc explains how to add a class to a menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
2. Add this CSS:
#generate-slideout-menu.do-overlay li.small-lineheight a { line-height: 2; }
-
hollytga
Great! Thank you!
-
David
You’re welcome
- You must be logged in to reply to this topic.