Archived topic
Canvas Menu Changes
3 replies · Started by Mouse on February 27, 2021
Hi, can you please help me with some of the canvas-related stuff?
1- Can I add a canvas link on the Homepage in the form of a button saying something like "Browse More Here"
2- How to give padding to the menus in the canvas panel and also the image hook that was added recently.
3- How can I make the "Cross symbol a little Bigger) with "Close" written next to it.
Thank you so much.
Hi there,
To answer your questions:
1. Yes you can, once you created the button, add this css class to it: slideout-toggle. Make sure that the off canvas panel is activated.
https://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item
2. CSS solution, feel free to change the number.
.main-navigation.slideout-navigation .inside-navigation {
padding: 20px;
}3. Try this CSS for the close button.
.slideout-exit .gp-icon.pro-close {
font-size: 20px;
}Let me know :)
Hi can you please send me the code of the button with that.
Also everything elseworks great. Thank you so much. But I do however need to add a text "Close Here" Next to that button.
This article shows you how to add buttons to navigation.
https://docs.generatepress.com/article/adding-buttons-navigation/
Since I don't know what kind of button you want, sorry I can't help with CSS code.
I found you some CSS examples may help you to learn CSS and using it to style the button:
https://www.w3schools.com/css/css3_buttons.asp
