Page Layout Oversizing

Hello,

Thanks for your Patience!

We have checked out your Page and the issue appears to be with Invalid HTML specifically unclosed HTML Tags: https://validator.w3.org/nu/?doc=https%3A%2F%2Fadm-cba.rof.ca%2FSIS%2F22082401-SC.html which is causing this issue. Consider checking the codes and try to resolve the unclosed HTML Tags as this should automatically fix the issue.

Hope this Helps!

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

Hello,

This issue is inter-related with the Unclosed HTML Tags on the Page. You will need to fix all these related errors as this might result in unexpected future issues.

Hope this Helps!

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

Hello,

This issue is because of the Blank HTML Codes inside the .row DIV. Removing these codes will fix the issue. Additionally, you should consider placing the .row DIV inside a .container DIV.

Hope this Helps!

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

PS: The Email Notification issue has been fixed.

Hello,

We have checked this out and since you are using Long Lines in a Table, you will need to use the following CSS Code:
[ch_pre type="css"].table { table-layout: fixed; }[/ch_pre]

This is currently the only solution available. Hope this Helps!

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

Hello,

There is no css/custom.css added to your Page, this page uses this CSS File: https://adm-cba.rof.ca/css/sis-custom.css .

Hope this Helps!

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

Hello,

We can see it's working. Clearing the Browser Cache will work.

Hope this Helps!

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

Hello,

As we had mentioned in this reply above:
We have checked this out and since you are using Long Lines in a Table, you will need to use the following CSS Code:
[ch_pre type="css"].table { table-layout: fixed; }[/ch_pre]

This is currently the only solution available. Hope this Helps!

Since you have added codes in the Tables which are very long, you will need to use the CSS Code as provided above, to keep it inside the container but it comes with the caveat of making the columns equally sized. Additionally, this is not an issue with Canvas or Bootstrap, this is general HTML.

Hope this Helps!

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