[Resolved] Slideout Navigation Full Height

[Sigve]

Hey!

Is it possible to get the slideout navigation to go full height?

I tried this, but it does not work:

.slideout-navigation {
    height: 100%;
}

It seems like it is 100%, but it is only filling ~60% of the screen on mobile. I would like it to fill the whole page (in height only, not width).

For mobile on my site: https://webec.no

Thanks!

[Leo]

Hi there,

Cool site!
The slideout navigation should be full height by default – check out this site on mobile.
Any chance you’ve added some codes or plugins that might have overwritten it?

[Sigve]

Hmm yea you are probably right, i will look through my code one more time!

Edit: Just checked this site on mobile, and it looks like mine if i add more to the slideout menu. Are you sure it is full height if for example there was only 2 elements in the menu?

Edit2: Oh nvm, something is definitely going on with my slideout menu, its really acting up.

[Sigve]

Alright, i set the background color in the customizer instead of doing it in CSS, and now it is full height. Also the slideout was acting weird cus some of the items reached the width limit, which caused scrolling in both width and height in slideout menu. Will try to change the font size in the slideout menu, and hopefully it will be fixed 🙂

Edit: Any idea how i can change slideout font color and size in css?

Tried this, but no luck.

    .slideout-navigation {
    color: #1978ff !important;
    }

[Sigve]

Nvm, got it working with this code:

.slideout-navigation .slideout-menu li a {
    font-size: 17px;
    color: #000;
}

Thanks for the heads-up about the default full height!

[Leo]

Glad you got everything sorted 🙂

[Michael Andersen]

Hi Sigve

How on earth did you make that menu?

Will you reveal that 🙂

/Michael

[Leo]

Hi Michael,

Which part specifically? If you are talking about the menu item underline, this might help:
https://generatepress.com/forums/topic/animating-link-underlines-for-main-menu/#post-200801

Let me know 🙂

[Michael Andersen]

Hi Leo

That was just what I had in mind 🙂

Thank you.

[Leo]

You’re welcome 🙂

[Author]

Posts