Columns coliding with div underneath

  • Resolved p4rker

    (@p4rker)


    11 years, 5 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: https://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!

    https://www.ads-software.com/plugins/easy-columns/

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

    (@kcfried)

    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!

    Thread Starter p4rker

    (@p4rker)

    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.