[Resolved] Off canvas menu (Mobile)

[Sapir]

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.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Sapir]

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?

[David]

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;
}

[Author]

Posts