Columns

Question

Hi,

I'm using various columns on this page but somehow three-column images show as two columns on Firefox Mac. Safari and Chrome show correctly three columns, do you have a fix for that?

Thank you,
Maciek

SemiColonWeb · Accepted Answer

Hello,

Apologies for the Inconveniences caused!

There appears to be a conflict between Bootstrap, Isotope Plugin and its reLayouts. Consider using the following CSS:
[ch_pre type="css"].grid-container [class*=" col-"] {
margin-left: -1px;
}[/ch_pre]

This should fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

I plugged this code in the head of the file but Firefox still reverts the three columns to two...

Semicolon Web · Answer

Hello,

Thanks for your Patience!

We have checked this out again and it appears to be working fine for us. Please provide us with a Live URL with the updated codes so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

mschejbal · Answer

It works fine everywhere except Firefox Mac, this is the URL: https://forestparkrecording.com/canvass/equipment.html Thank you.

Semicolon Web · Answer

Hello,

Please check the image attached. Should be instead of. Consider using css/custom.css File instead for your Custom CSS Codes.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

Wonderful, thanks for that correction, problem solved!!