Archived topic

Change the height of line-height / padding menu-topics of convas menu

1 reply · Started by Henk on August 27, 2022

Viewing posts 1–2 of 2

August 27, 2022 at 2:23 pm #2325773

Hi,

How can I change the line-height of the submenu topics of the canvas menu.
See the following screenshot: https://ibb.co/g3VYhrr

The red lines represent the space that I would like to make smaller.

Thanks Henk.

August 28, 2022 at 7:33 am #2326171

Hi there,

in your Simples CSS you have this:

.main-navigation .main-nav ul ul li a {
    border-bottom: 3px solid transparent;
    line-height: 1.1em;
    font-weight: 500;
    margin: 25px 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1em;
}

which also applies to the slideout nav.

So if you want to override that additional margin on the slideout menu then add this CSS:

#generate-slideout-menu.main-navigation .main-nav ul ul li a {
    margin-top: 10px;
    margin-bottom: 10px;
}

This archived topic is closed to new replies.

Start building better websites today.