[Resolved] Drop Shadow under Menu is inconsistent

Home Forums Support Drop Shadow under Menu is inconsistent

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1034389
    Scott M

    On the homepage, and on the “News” page, the menu shows a drop shadow as intended. On all the other pages, however, the menu does not show a drop shadow. I assume because the header image is on top of it and covers the drop shadow. Any way I can make this more consistent so that the shadow is always visible? Thanks!

    #1034397
    Leo
    Staff
    Customer Support

    Hi there,

    Can you modifying this CSS:

    .main-navigation {
        -webkit-box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
        -moz-box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
        box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
    }

    to this?

    .main-navigation {
        -webkit-box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
        -moz-box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
        box-shadow: 0px -1px 7px 0px rgba(0,0,0,.75);
        position: relative;
    }
    #1034405
    Scott M

    that got me 90%, and i adjusted the location of the shadow to make it look right.
    Thank you so much, you guys are awesome!

    #1034409
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.