[Support request] Vertical menu and footer on the left

Home Forums Support [Support request] Vertical menu and footer on the left

Home Forums Support Vertical menu and footer on the left

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1582109
    Marcin

    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.

    #1582202
    Ying
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #1582614
    Marcin

    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

    #1582701
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media(min-width: 769px) {
        .inside-header {
            height: 100%;
        }
        .header-widget {
            margin-top: auto;
        }
    }
    #1583410
    Marcin

    Okay one last question ๐Ÿ˜€ 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

    #1584043
    David
    Staff
    Customer Support

    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.

    #1585526
    Marcin

    Thanks so much!

    #1585612
    David
    Staff
    Customer Support

    You’re welcome

    #1585616
    Marcin

    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?

    #1585824
    David
    Staff
    Customer Support

    Did you resolve the issue ? I am not seeing any movement when i click the submenu ?

    #1586150
    Marcin

    please check again

    #1586163
    Marcin

    also the social widget and copyright text is not visible on mobile navigation bar

    #1586364
    Ying
    Staff
    Customer Support

    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!

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.