Archived topic
Vertical menu and footer on the left
12 replies · Started by Marcin on December 15, 2020
Hi! I've bought generatepress pro and I cannot achieve something like this. I want to have menu with footer on the left like here https://bmakary.com/pl and on mobile I would like to have it standard hamburger menu. Maybe I could get some help? I want menu items to be aligned left on desktop.
Hello Marcin,
If this is a fresh install, you can consider importing the "Sider" template in our site library.
https://docs.generatepress.com/article/using-the-site-library/
https://gpsites.co/sider/
If you already have existing content and just want to replicate the header layout, then this article shows you how to do it.
https://docs.generatepress.com/article/header-examples/#example-7
Let me know if you need further assistance :)
Hey! I've managed to import the sider template and it's almost what I want. The only thing I can't figure out is I tried to make the space between menu items and the the social widget bigger and relative to the device with
.nav-float-right .header-widget {
padding-top: 30vh;
}
but it stays fixed someway. I believe it should change when the screen height gets smaller
Hi there,
try adding this CSS:
@media(min-width: 769px) {
.inside-header {
height: 100%;
}
.header-widget {
margin-top: auto;
}
}
Okay one last question :D This is what I did
https://wijowska.pl/o-mnie/
How can I move the content to be close to the left sidebar like here?
https://bmakary.com/pl/bio-2/
I can't make content any broader. The slider stops making changes around 900 px
In Customizer > Additional CSS - look for this rule:
.no-sidebar:not(.archive):not(.blog) .inside-article > *, .no-sidebar:not(.archive):not(.blog) #comments, .no-sidebar:not(.archive):not(.blog) .paging-navigation {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
Increasing the max width will make the main content occupy more of the screen space.
Thanks so much!
You're welcome
I've stumbled across one more problem.
https://wijowska.pl/
when I reveal the submenu item the whole menu acts as a submenu and moves to the left . Shouldn't just the "test" submenu item be on the left and the rest menu items stay in place?
Did you resolve the issue ? I am not seeing any movement when i click the submenu ?
please check again
also the social widget and copyright text is not visible on mobile navigation bar
Can you try to increase the menu item width a bit to see if that fixes the issue.
https://docs.generatepress.com/article/menu-item-height-width/
For the social icon and copyright text issue, please open a new topic.
Thanks!