WordPress.org

Ready to get started?Download WordPress

Forums

WP Slider Plugin
Slider causes issues with drop down menu on mobiles (6 posts)

  1. chrisoos
    Member
    Posted 10 months ago #

    My site uses Twitter’s Bootstrap framework for mobiles. The slides are populating on top of the drop down menu resulting in the menu not being accessible.
    Any ideas on how to address this?

    http://wordpress.org/extend/plugins/simple-slider-ssp/

  2. Muneeb
    Member
    Plugin Author

    Posted 10 months ago #

    Please pos the URL of the site where you are having the issue and the slider shortcode is inserted. I think changing the bootstrap drop down menu z-index higher then the slider's will fix the issue.

  3. chrisoos
    Member
    Posted 10 months ago #

    http://Www.cosmeticmeds.com.au
    Thanks for getting back. There isn't really any space higher try repositioning. I have the same problem in the contact us page where the menu overlaps with a google insert.

  4. chrisoos
    Member
    Posted 10 months ago #

    Meant to say ... But I'll try repositioning it

  5. Muneeb
    Member
    Plugin Author

    Posted 10 months ago #

    I hope the link below will help you in understanding what z-index is

    http://www.w3schools.com/cssref/pr_pos_z-index.asp

    I'll also try to fix this issue in the next update of the plugin.

  6. chrisoos
    Member
    Posted 10 months ago #

    Thanks Muneeb,
    I have tried to change the z-index of the menu but the issue persists in safari.
    I've added the following code to the style sheet but it is not having the effect I hoped for. Interestingly this does do what I expected in Firefox. I might wait for your update as I have reached the end of my skill level
    '
    #menu-main-menu {
    position:relative;
    left:0px;
    top:0px;
    z-index:20;
    }
    '

Reply

You must log in to post.

About this Plugin

About this Topic