Archived topic

How Do I Make My Primary Navigation Look Like This?

3 replies · Started by RJ on August 17, 2019

Viewing posts 1–4 of 4

August 17, 2019 at 1:28 am #986310

Hey there - I am trying to make my primary navigation look like this:

I really like the grey shading bar underneath the menu items.

Any ideas about how I might achieve this?

TIA

Robin

August 17, 2019 at 3:01 am #986354

Hi there,

try this CSS:

.main-navigation {
    position: relative;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.45);
    z-index: 1;
}

More info here on the box-shadow property - to help with any adjustments you might want to make:

August 17, 2019 at 3:30 am #986364

Many thanks David. Enjoy your weekend.

August 17, 2019 at 4:06 am #986375

You're welcome. You too.

This archived topic is closed to new replies.