Styled menu navigation in sidebar?

  • Resolved lokz

    (@lokz)


    10 years, 2 months ago

    Hello,

    I moved sidebar to the left side and I would like to add menu with 10 items in it.

    1. Is there a way that menu to be styled like secondary menu (with background overlay and such)?

    2. When I clone menus in sidebar for multiple languages, some space appears under menu item, although it is not visible for that language. Why?

    See example: https://www.supetarapartments.net/

    Change english, croatian and you will se that “Home” or “Naslovnica” are not on same height from the top.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 1. you would have to add all the css or use a plugin.
    css would be something like:

    .sidebar .widget_nav_menu a {
color: #444444;
background: #f2f2f2;
display: block;
padding: 0 10px;
}
.sidebar .widget_nav_menu a:hover {
color: #444444;
background: #ddd;
}

    2. Has to do with how the css is, wordpress assigns a class to the first widget in a widget area… the first widget in a sidebar has a margin top of 10 and all others have a margin top of 30. So you can make all the widgets have a margin top of 10 with this css:

    .widget {
margin-top: 10px;
}

    Or you can make the first widget have a margin top of 30:

    .widget-first {
margin-top: 30px;
}

    Kadence Themes

    Thread Starter lokz

    (@lokz)

    Thanks for the tip.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styled menu navigation in sidebar?’ is closed to new replies.