Meteor Slides – Firefox mouseover issue

  • Hughesabio

    (@hughesabio)


    11 years, 8 months ago

    Hi guys,

    Having a bit of a problem with a WordPress site I am building. I have installed the Meteor Slides widget so that it enables me to have a scrolling image slider at the top of my site.

    The widget works perfectly on all browsers except Firefox, when my mouse is over the slider, the slider drops down about 30 or 40 pixels.

    I presume this is something to do with a conflict between my theme and the widget, but am stuck at trying to find the code to fix this problem, any help with this would be highly appreciated.

    Thanks

    Hughesabio

Viewing 4 replies - 1 through 4 (of 4 total)
  • vtxyzzy

    (@vtxyzzy)

    11 years, 8 months ago

    Since this is presumably a conflict with your theme, it might help if you post a link to your site where the problem can be seen.

    Thread Starter Hughesabio

    (@hughesabio)

    11 years, 8 months ago

    the site can be seen here – http://www.cafetoulous.com

    the theme can be found here – http://demo.whoathemes.net/?theme=retro

    Thread Starter Hughesabio

    (@hughesabio)

    11 years, 8 months ago

    The slider can be found on the home page, with the error only occurring in Firefox

    vtxyzzy

    (@vtxyzzy)

    11 years, 8 months ago

    Not quite sure why it causes the problem, but this rule in meteor-slides.css is the source:

    .meteor-slides.navhover ul.meteor-nav {
    display: block;
}

    If you override this by including the rule below after the meteor-slides.css is loaded, e.g. in prettyPhoto.css, the problem goes away in FF:

    .meteor-slides.navhover ul.meteor-nav {
    display: inline;
}

    I have not tested with other browsers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Meteor Slides – Firefox mouseover issue’ is closed to new replies.