Site logo

Archived topic

Vertical menu and footer on the left

12 replies · Started by Marcin on December 15, 2020

Viewing posts 1–13 of 13

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.

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;
    }
}

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

This archived topic is closed to new replies.