[Resolved] Canvas Menu Changes

Home Forums Support [Resolved] Canvas Menu Changes

Home Forums Support Canvas Menu Changes

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1674635
    Mouse

    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.

    #1675314
    Ying
    Staff
    Customer Support

    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 🙂

    #1675369
    Mouse

    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.

    #1675402
    Ying
    Staff
    Customer Support

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.