Top menu bar

  • Resolved justmytwospence

    (@justmytwospence)


    12 years, 5 months ago

    I’d like to right align the top menu bar items, but when I do something like this in the custom CSS:

    #menu-topbar {
    text-align: right;
}

    the list items overlap with the search button in the top right. Is there a straight-forward way to accomplish this?

    Secondarily, what would be the best way to vertically center the items in the top menu bar’s drop-down list?

    Website: http://www.spencerboucher.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 5 months ago

    Let’s see your site

    Alexander Agnarson

    (@alxmedia)

    12 years, 5 months ago

    Align menu right and fix search overlap with:

    @media only screen and (min-width: 720px) {
#nav-topbar .nav { text-align: right; }
#nav-topbar .nav > li:last-child { margin-right: 60px; }
}

    Center only dropdown text with:

    @media only screen and (min-width: 720px) {
#nav-topbar .nav ul { text-align: center; }
}

    Thread Starter justmytwospence

    (@justmytwospence)

    12 years, 5 months ago

    Thanks Alexander, I’m still very new to CSS. One quick clarification, when I said vertically center, I meant equalize the padding above and below the text in each dropdown item.

    Alexander Agnarson

    (@alxmedia)

    12 years, 5 months ago

    Hm, you mean removing the extra padding above the first list item and the last list item?

    @media only screen and (min-width: 720px) {
.nav ul { padding: 0; }
#nav-topbar .nav ul { text-align: center; }
}

    MutebiRoy

    (@mutebiroy)

    12 years, 5 months ago

    Hi Mr. Alexander Agnarson, its Mutebi in Uganda, Africa.
    How can i add the Search Bar to the Header after removing the Topbar

    Thanks a lot for the Free Amazing theme! I cudn’t have afforded it from here in Uganda if at all it was for sale. Thanks again.

    MutebiRoy

    (@mutebiroy)

    12 years, 5 months ago

    Hi Mr.Alex, thanks for the great work. Well, I’m using Topbar and i would like to know how i can add my blog Title/Logo to the Topbar.

    2. on phone and Tablet resize, i would like to add the Blog Logo between the Menu Icon and the Search Icon! How easily is it possible?

    Thanks again for the great Theme

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

The topic ‘Top menu bar’ is closed to new replies.