Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Support request] Center slide out menu items

Home Forums Support [Support request] Center slide out menu items

Home Forums Support Center slide out menu items

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #583927
    Dinesh

    Hello,

    Is there a way to center the slide-out menu items?

    I was able to add space to the top of the menu using the following code


    @media
    (min-width: 1024px) {
    #generate-slideout-menu .inside-navigation {
    margin-top: 25px;
    }
    }

    But is there a way to center this so that anytime we add more menu items the top and bottom menu item are equally spaced from the top and bottom

    Regards

    GP Premium 1.6.2
    #583978
    David
    Staff
    Customer Support

    Hi Dinesh,

    a bit experimental but you can tru this:

    .slideout-navigation .inside-navigation,
    .slideout-navigation .inside-navigation .main-nav,
    .slideout-navigation .slideout-menu {
        height: 100%;
    }
    
    .slideout-navigation .slideout-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    The justify-content: space-between will force the elements to fill the column and put equal space between them. You may want to look at the other CSS Flex Justify content rules such as space-around, space-evenly and centered

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