[Resolved] Mobile Menu Help!

Hi Paul,

You can use the GP Off Canvas Panel. Reference: https://docs.generatepress.com/article/off-canvas-panel-overview/

Then, as for the Social Icons, you can add these through GenerateBlocks.

Here is an example of how to add them: https://www.youtube.com/watch?v=yAleVWQi5EA

Hook the Block Element to after_slideout_navigation.

Hi Paul,

For reference, can you provide the link to the site in question?

I’ll see what can be done.

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

To add the lines and the arrow, here’s something you can try adding through Appearance > Customize > Additional CSS:

.main-nav > ul > li:after {
    content: "\27A4";
    margin-right: 8px;
}

.main-nav > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #fff;
}

Here’s something you can try to put the Off canvas a bit below the Header:

nav#generate-slideout-menu {
    top: 99.5px;
    background-color: red;
    height: calc(100vh-60px);
}

You’re welcome! It’s possible.

Try adding this as well:

body.offside-js--is-open .slideout-overlay {
    opacity: 0;
}

Can you try adding this?:

nav#generate-slideout-menu button.slideout-exit{
    display: none;
}

You’re welcome, Paul! Have a nice day!