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

  1. p4rker
    Posted 2 years 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.


  2. Pat Friedl
    Plugin Author

    Posted 2 years 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
    Posted 2 years ago #

    Thank you! Works great!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP Easy Columns
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic