Archived topic
Full screen mobile menu on Smartphone and Desktop
3 replies · Started by David on October 22, 2018
Good afternoon!
I would like to customize the menu. I currently have the "hamburguer" version on desktop & mobile at the same time. I would like that when you click, the menu opens in full screen.
Examples (full screen menu)
http://akinsparker.com
https://www.cemtrexlabs.com
or... half screen menu:
Thank you :)
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!