Overlapping Widget Areas

  • Resolved kbaldac

    (@kbaldac)


    10 years, 5 months ago

    I’m using the Meteor Slide widget in a custom widget area on the Home Page of one-name.org. There are other widget areas below this. The theme is Suffusion. On Chrome, if the screen is refreshed, the meteor slide overlays the lower widget areas. There is some custom CSS:

    div.meteor-slides {
    margin:0 auto;
    }

    #meteor-slides-widget-1, #meteor-slides-widget-2 {
    display: none;
    }

    #meteor-slides-widget-1, #meteor-slides-widget-2 {
    border:none;
    }

    https://ww.wp.xz.cn/plugins/meteor-slides/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    10 years, 5 months ago

    Hi, there is some JavaScript somewhere in your theme that is changing the height of that widget container dynamically. Below a certain width it changes it to 20px.

    I’m not sure why it is doing that, but you can force the widget to be full its height by updating your last style like this:

    #meteor-slides-widget-1, #meteor-slides-widget-2 {
    border: none;
    height: auto !important;
}
    Thread Starter kbaldac

    (@kbaldac)

    10 years, 5 months ago

    Thanks very much. That took care of it.

    Thread Starter kbaldac

    (@kbaldac)

    10 years, 5 months ago

    Sorry, it took care of the meteor slide widget area but it pushed the widgets at the bottom of the Home Page behind the page footer.

    Plugin Author Josh Leuze

    (@jleuze)

    10 years, 5 months ago

    This is unrelated. Somewhere in your theme or plugins you have some JavaScript that is trying to change the height of the widgets.

    The best thing to do would be to find that JavaScript and disable it, but you could extend that CSS I posted to all widgets like this:

    .widget {
    height: auto !important;
}
    Thread Starter kbaldac

    (@kbaldac)

    10 years, 5 months ago

    Thanks for your help.

    Plugin Author Josh Leuze

    (@jleuze)

    10 years, 5 months ago

    You’re welcome!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Overlapping Widget Areas’ is closed to new replies.