Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] Full Width Slide Out Navigation

Home Forums Support [Resolved] Full Width Slide Out Navigation

Home Forums Support Full Width Slide Out Navigation

  • This topic has 3 replies, 2 voices, and was last updated 6 years ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #441432
    Satori

    Hi Tom! I wonder how can I achieve a full width Slide out menu. I want it to cover the whole screen.

    Also, and I’m sorry for this unrelated question. But Tom, is there an online course you would recommend for WordPress development? I’d like to go deep on this subject, so that way I could customize my websites even more.

    Thanks in advance.

    #441520
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can do this:

    @media (min-width: 400px) {
        .slideout-navigation {
            width: 100%;
        }
    }

    If you do that, you’ll need to add a close button to the slide-out menu by adding a Custom Link, making the URL # and giving it this class: slideout-toggle

    The WordPress codex is great, but you should focus on learning CSS, HTML and PHP first.

    #442615
    Satori

    Thank you Tom!

    #442656
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

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