navigation bar – reduce height

  • Resolved coolthailand

    (@coolthailand)


    10 years ago

    i’d like to reduce the height of the navigation bar(s) by about 25%. can i have the code? thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Alexander Agnarson

    (@alxmedia)

    10 years ago

    Try this:

    .nav > li > a { padding-top: 13px; padding-bottom: 13px; }
.nav ul { top: 47px; }
.toggle-search { top: -47px; padding-top: 12px; padding-bottom: 12px; }

    Edit: updated with missing values.

    Thread Starter coolthailand

    (@coolthailand)

    10 years ago

    ^ that’s great as far as it goes but the magnifying glass to the right is now out of synch. 🙂

    Thread Starter coolthailand

    (@coolthailand)

    10 years ago

    ok, i have added a bit more code that’s balanced things up.

    .nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.nav ul { top: 45px; }
.toggle-search { top: -39px; padding-top: 8px; padding-bottom: 8px; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘navigation bar – reduce height’ is closed to new replies.