Hi all,
I'm noticing a bug in the Cassiopeia template being able to render columns in Safari only. The problem is present on the demo site: https://cassiopeia.joomla.com/
Scroll down and there should be 2 columns, however in Safari, there is just one.
I've figured this out because I'm having this problem on my site - the main content isn't showing in 2 columns like in every other browser I've tried.
My row/column code is:
I've found if I remove the -lg-6 and I change the code to this:It renders correctly.
Or I can leave the -lg-6 and add a direct link to bootstraps' css.min file, then the columns render fine in safari.
The problem with the direct link is it overrides alot of my user.css work and I've spent so many hours trying to tame the crazy css code in cassiopeia already.
I'm wondering if others have found a workaround for this? or if this is a known issue?
I'd like my columns to collapse at the lg break point. Does anyone have an idea how to get the columns to display and then collapse at the lg point in a way where I don't have to start overriding everything again?
Let me know if you have any questions.
thanks!
I'm noticing a bug in the Cassiopeia template being able to render columns in Safari only. The problem is present on the demo site: https://cassiopeia.joomla.com/
Scroll down and there should be 2 columns, however in Safari, there is just one.
I've figured this out because I'm having this problem on my site - the main content isn't showing in 2 columns like in every other browser I've tried.
My row/column code is:
Code:
<div class="content"><div class="row gx-5"><div class="col-lg-6">left column</div><div class="col-lg-6">right column</div></div></div>I've found if I remove the -lg-6 and I change the code to this:
Code:
<div class="content"><div class="row gx-5"><div class="col">left column</div><div class="col">right column</div></div></div>Or I can leave the -lg-6 and add a direct link to bootstraps' css.min file, then the columns render fine in safari.
The problem with the direct link is it overrides alot of my user.css work and I've spent so many hours trying to tame the crazy css code in cassiopeia already.
I'm wondering if others have found a workaround for this? or if this is a known issue?
I'd like my columns to collapse at the lg break point. Does anyone have an idea how to get the columns to display and then collapse at the lg point in a way where I don't have to start overriding everything again?
Let me know if you have any questions.
thanks!
Statistics: Posted by mahaha — Mon Jan 22, 2024 12:24 am