Grey line larger, put menu inside

  • Resolved advent12

    (@advent12)


    8 years, 4 months ago

    Hello,

    I was wondering if there was css to make this grey line more prominent and bar like so I could drop the nav menu into it.

    Thanks for any help,

    cheers.

    sitewebsite

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter advent12

    (@advent12)

    What I’ve figured out:

    /*Enlarge grey line for nave menu*/
    .header.header > .navbar {
    box-shadow: 0 25px 11px 0 rgba(128,128,128,0.55) !important;
    }

    /*Move menu down to grey border*/
    #site-navigation ul {
    margin-bottom: -30px;
    }

    Can the bottom be made solid rather than shadowed?

    Thread Starter advent12

    (@advent12)

    Figured it out. Hope it helps someone. Cheers.

    /*Enlarge grey line for nav menu*/
    .header.header > .navbar {
    box-shadow: 0 40px 0 0 rgba(128,128,128,1.0) !important;
    }

    Alexandra

    (@alexandrastan001)

    Hello,

    Great! Glad that you got it solved and thank you for sharing your solution with us.

    Best regards,
    Alexandra

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grey line larger, put menu inside’ is closed to new replies.