[Resolved] Off canvas panel shortcodes and styling

Home Forums Support Off canvas panel shortcodes and styling

This topic contains 5 replies, has 2 voices, and was last updated by  David 2 weeks, 1 day ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1282245


    I’m having trouble using the off canvas panel as a menu. I have added a menu widget to the off canvas panel, but all the font is justified to the left. Why cant I edit the typography of this section in the customizer? I was able to fix the alignment by adding custom css, but how should I style the rest of the container? It’s not practical for me to do this for every thing.

    I am trying to add social media logos above the menu. I tried doing this by creating a generatepress hook which executes a short code pulling in a template with a social media widget in it. This works, but the social media logos are stretched across the width of the container and the icon inside is aligned to the left making it look ridiculous. I cannot seem to fix this with custom css.

    The off canvas panel is not usable for me. What I want is a hamburger menu that slides a container onto the screen when clicked at all breakpoints. I also want to be able to customize the content inside the container. How do i make this work?


    David Customer Support

    Hi there,

    can you disable Autoptimize so i can take a look at what the issue is



    Hi there thank you for you assistance. I have disabled autoptimize.


    David Customer Support

    Try adding this CSS:

    #generate-slideout-menu .elementor-social-icons-wrapper {
        display: flex;


    Amazing, thank you.


    David Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.