• Resolved ashley_c

    (@ashley_c)


    Desktop version of the website. The slider photos on the home page are covering the drop-downs from the main menu. *Gallery: Baby > Family > Seniors > Weddings > Engagement > Commercial > Boudoir > Modeling

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ramona

    (@nextend_ramona)

    Hi @ashley_c

    Currently I can’t see Smart Slider 3 on your homepage. I can see you’re using Comet Cache – is it possible that you have not cleared its cache after you published the slider?

    In any case, these kind of problems usually occur when the menu’s z-index is not high enough, not it’s not set at all.

    The current, I think SiteOrigin, slider has the same issue, so I was able to check and possibly figure out the problem.

    When your menu is not in “fixed” position, so when it’s at the top of the page, it has no z-index set. In fixed position, it has z-index:

    nav.fixed {
        top: 0;
        z-index: 999;
        left: 0;
        right: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }

    coming from: /wp-content/themes/shapely/style.css
    As this 999 z-index should be high enough, I suggest adding the same value to the not-fixed position:

    .main-navigation {
        position: relative;
        z-index: 999;
    }

    you can put this code to Customizer > Additional CSS. This should fix the problem.

    Thread Starter ashley_c

    (@ashley_c)

    Wow! Thanks so much! That fixed the problem! ??

    Thread Starter ashley_c

    (@ashley_c)

    Marked as resolved!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Covers menu drop down’ is closed to new replies.