Archived topic

Align 2 menu items at the bottom in mobile slideout menu

1 reply · Started by takkularapsis on November 9, 2022

Viewing posts 1–2 of 2

November 9, 2022 at 12:46 am #2407570

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?

November 9, 2022 at 1:26 am #2407615

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

This archived topic is closed to new replies.

Start building better websites today.