Archived topic
Off canvas menu (Mobile)
3 replies · Started by Sapir on October 10, 2020
I saw that I can add my phone number to the canvas menu using link.
But can I style it?
I want to style my phone number on the overlay canvas menu.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Actually it's the same as the Ethos theme.
At the navigation, there is a phone number.
At desktop it is colored and more noticed.
At canvas it is the same as the rest of the menu items.
Can I Color the phone number at the menuof the mobile? or give it a colored border?
Hi there,
edit your menu and select the menu item displaying the phone number and then give it a CSS Class of phone-menu.
This doc explains how to add CSS classes to menu items:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
Then you can use some CSS like this to style it:
#generate-slideout-menu.do-overlay .slideout-menu li.phone-menu a {
border: 1px solid #f00;
}