WordPress.org

Ready to get started?Download WordPress

Forums

WP Easy Columns
[resolved] Columns coliding with div underneath (3 posts)

  1. p4rker
    Member
    Posted 9 months ago #

    Hi, thanks for your plugin, which looks like it is the best column plugin for WP at the moment...
    I have a problem on this site: http://www.synopsisfilm.de/
    when reducing the screen to the smallest size (for mobile phone) – a <div> containing a banner underneath the columns suddenly jumps on top / beneath the content of the 1st column [in firefox], in safari the div bg color is becoming the background for the entire column section; what is happening??? How can I avoid/fix it?
    all other screen sizes are not affected by this issue.
    thanks!

    http://wordpress.org/plugins/easy-columns/

  2. Pat Friedl
    Member
    Plugin Author

    Posted 9 months ago #

    Oops! That seems to be because I'm hiding the clear fix <div> at lower screen sizes - clearly I shouldn't be.

    For a quick fix, edit the Easy Column Options and paste this into the Custom CSS:

    @media all and (max-width: 768px) {
    	.ezcol-last + .ezcol-divider {
    		clear: both !important;
    		display: block !important;
    		margin-bottom: 0px !important;
    		padding-top: 0px !important;
    		width: 100% !important;
    		background: none !important;
    	}
    }

    That *should* provide a fix for the wandering banner until I get an update pushed out. As for Safari, there is no love lost between Safari and I - it seems to be extremely cranky even when Internet Explorer is playing nice. I'll have to debug the background problem a little bit more.

    Sorry for the trouble!

  3. p4rker
    Member
    Posted 9 months ago #

    Thank you! Works great!

Reply

You must log in to post.

About this Plugin

About this Topic