Support » Plugin: WP Easy Columns » Columns coliding with div underneath

  • Resolved p4rker


    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:
    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Pat Friedl


    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!

    Thank you! Works great!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Columns coliding with div underneath’ is closed to new replies.