[Support request] Align 2 menu items at the bottom in mobile slideout menu

[takkularapsis]

Hi,

I would like to move menu-item-1343 and menu-item-1347 to bottom of the mobile slideout menu, how could i achieve that?

[Fernando]

Hi Takkularapsiis,

Can you try adding this in Appearance > Customize > Additional CSS:

nav#generate-slideout-menu .slideout-menu li#menu-item-1343 {
    margin-top: auto;
}

nav#generate-slideout-menu .slideout-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
}

nav#generate-slideout-menu .inside-navigation, nav#generate-slideout-menu .main-nav {
    height: 100%;
}

nav#generate-slideout-menu {
    box-sizing: border-box;
    width: unset;
}

nav#generate-slideout-menu .main-nav {
    width: 160px;
}

[Author]

Posts