Archived topic

Slidout-navigation width

3 replies · Started by Jenny on July 7, 2022

Viewing posts 1–4 of 4

July 7, 2022 at 11:42 pm #2276801

Hello togehter,

can you help me to set the slideout-navigation widther?
There is not enough space for my navigation-Points

And my navigation-points are "disappearing" at the right side.
Do you know there a solution for it? 🌻

https://bilderupload.org/bild/b47662366-img-32f74b188d79-1

thanks a lot,
Jenny

July 7, 2022 at 11:57 pm #2276811

Hi Jenny,

Here’s a CSS you may try adding through Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    nav#generate-slideout-menu.is-open {
       width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    nav#generate-slideout-menu.is-open {
        width: 500px;
    }
}

You may modify the values to your preference.

The first media query is for mobile, and the other is for tablet.

Hope this helps!

July 8, 2022 at 12:50 am #2276863

Perfect - now just one last task
it "swipes" after open the submenu - how can I fix that? :D

https://www.dropbox.com/s/ywpumjp5250jwal/RPReplay_Final1657266430.MP4?dl=0

July 8, 2022 at 1:31 am #2276890

I can’t seem to replicate the issue. Can you try clearing all caching mechanisms set in your website?

Kindly let us know how it goes.

This archived topic is closed to new replies.

Start building better websites today.