Inger wrote:
Carolyn, do you think that site will have a lot of visitors using IE11?
I know that IE11 is not so much used any more, but there are still some.
I don't have time right now to investigate this, but I think this happens when subgrids with rows and columns (the layout classes) are used. It is the same on some more pages.
If it can be of some comfort: this is not something you have caused. It was in the theme. But if you could try using just ordinary flex instead, I think it would be better. As I said, I'm pressed for time now and cannot investigate further. Make a backup before you start experimenting.
Inger is correct. There are no subgrids in Bootstrap. This must have been imported from a previous grid layout system that used that, probably with a conversion method.
On the index page for example you could reduce this section down and it will look fine in IE11.....
<div class="row subscribe container-grid">
<div class="col-12 container-grid column-type">
<div class="subgrid action-subgrid container-grid">
<div class="row container-grid justify-content-center">
<div class="col-12 col-md-6 container-grid column-type">
<p class="paragraph action-paragraph"><strong>We want you for this amazing adventure! </strong>Seget tristique. Quisque gravida condimentum nulla, at ultrices nunc maximus non. Vestibulum sapien diam, eleifend quis enim at, egestas gravida felis. Vivamus aliquet magna ac orci eleifend, id convallis elit sodales.</p>
</div>
<div class="col-12 col-md-6 container-grid column-type"><a class="link-button btn ignition" href="#" title="">contact and tell us your project</a></div>
</div>
</div>
</div>
</div>
/Correct Bootstrap Format/
<div class="subscribe container-grid">
<div class="row container-grid justify-content-center">
<div class="col-md-6 container-grid">
<p class="paragraph action-paragraph"><strong>We want you for this amazing adventure! </strong>Seget tristique. Quisque gravida condimentum nulla, at ultrices nunc maximus non. Vestibulum sapien diam, eleifend quis enim at, egestas gravida felis. Vivamus aliquet magna ac orci eleifend, id convallis elit sodales.</p>
</div>
<div class="col-md-6 container-grid"><a class="link-button btn ignition" href="#" title="">contact and tell us your project</a></div>
</div>
</div>
Bootstrap 5 CSS Grid.