Nirvana – modifying menubar

  • bibber

    (@bibber)


    9 years ago

    I would like the colored box in the (behind) menu bar to be just a thin line under the menu items – and still shifting color when hovering and having an active page. I have managed to reduce the size (height) of the bar with the functions intact – but it shows above the menu items where it should be under (or below). I’ve tried everything I could think of with margins – but the menu items then move as well.

    Hope that someone in here can help!

    Best regards
    Bibber

    Website: www.soerensen.fr/psi/wordpress/historie

Viewing 1 replies (of 1 total)
  • Airster

    (@airster)

    9 years ago

    Basically the li is having a solid colour applied to it, and is being restricted to 10px high. One way to approach this is to make the li taller than the a tag and the text and then change the solid colour for a gradient (e.g. background: linear-gradient(to bottom, #ffffff 0%,#ffffff 97%,#f7fbf7 97%);) which fills it with white for the first 97% of the height, and then green for the last 3%.

    You will need to do similar for the hover state/active page but with a bit of playing around you should be able to get this to work without changing the order of code or any other CSS.

Viewing 1 replies (of 1 total)

The topic ‘Nirvana – modifying menubar’ is closed to new replies.

Tags