Site logo

Archived topic

Full screen mobile menu on Smartphone and Desktop

3 replies · Started by David on October 22, 2018

Viewing posts 1–4 of 4

Hi there,

This might be a good start:

.slideout-overlay {
    background: #000;
}

.offside--right.is-open {
    right: auto;
    left: calc(50% - 132.5px);
    transform: translate3d(0,0,0);
}

.nav-aligned-right.nav-below-header .main-navigation.slideout-navigation {
    text-align: center;
}

#generate-slideout-menu .slideout-menu li {
    text-align: center;
}

#generate-slideout-menu .slideout-menu li a {
    border-bottom: 1px solid #fff;
}

.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
    right: 0;
}

.main-navigation.slideout-navigation {
    background: transparent;
    padding-top: 10%;
}

li.slideout-toggle {
    position: absolute;
    right: 0;
}

.main-navigation .main-nav ul li.slideout-toggle a {
    padding: 15px;
    line-height: normal;
}

.inside-navigation {
    position: static;
}

Let me know :)

Good afternoon,
how can I now set that underpages are fixed and dont have to collapse after clicking on the parent page?

parent
parent
- underpage 1
- underpage 2
- underpage 3

All pages should be visible. How and where can I set this?

Thanks

Please open a new topic for your question.

Thanks!

This archived topic is closed to new replies.