Ignore the link I posted above – I have uninstalled the Plugin. Would still love an answer if anyone has any ideas! Thanks!
Hey there,
I also just installed the plug-in and had the same problem with the third column appearing under the first, apparently “pushed” down due to width issues. I also noticed quite a few people asking about this, with no apparent solution, even in closed threads.
So here’s what I did, and it worked: I took the CSS of the plugin from the FAQ section, inserted it in my child-theme’s CSS and changed:
.one_third {
width: 32% !important;
margin-right: 2% !important;
}
.one_third.last_column {
width: 32% !important;
margin-right: 0px !important;
}
to this:
.one_third {
width: 32% !important;
margin-right: 1% !important;
}
.one_third.last_column {
width: 32% !important;
margin-right: 1% !important;
}
As you can see, I have a spare 1% of width I’m not using (they all add up to 99%), but I don’t consider it a problem. Also tried 319px + 1px widths (instead of %) and it worked as well, as long as the sum fits in the usual 960px.
With other column settings, just change the widths accordingly, it should work as well.
Thanks for posting this workaround V. Petrov!
Your code works great for my site on the desktop, but when I view it on mobile – it looks much smaller than all of the other columns.
Does anyone have any suggestions for a mobile fix?
my url: http://arizonaleadership.org
Thank you!
Ellen
I ended up moving the exact same code V.Petrov provided:
.one_third {
width: 32% !important;
margin-right: 1% !important;
}
.one_third.last_column {
width: 32% !important;
margin-right: 1% !important;
}
to the plugin stylesheet & it fixed my responsive issue.
Thanks again V. Petrov for following up with this problem!
I’m glad I could help, Ellen!
Beautiful site, btw! : )
