Custom table too wide for page - Horizontal overflow?

Site URL: https://cylinder-capybera-m75y.squarespace.com/thermocouple-cables

Hey folks

Can anyone help me stop this table... the table sits too far to the right but then also oveflows on the page to the right... the table plugin doesn't seem to have any settings to sort this...

https://cylinder-capybera-m75y.squarespace.com/thermocouple-cables

Cheers

Hi. It looks fine. Did you solve this?

Yes I did thanks, I added this code 

On 5/27/2021 at 3:15 PM, Adaptive said:

Yes I did thanks, I added this code 

 

.sqs-block-markdown.custom-table-inside {

    width: 100%!important;

}

Do you want to handle these?

Site URL – https://cylinder-capybera-m75y.squarespace.com/

1. (Tablet-Footer) Make copyright text one line?

2. (Mobile-Header) Change logo size?

3. (Mobile-About us) Change to 2 logos/row?

16 hours ago, tuanphan said:

Do you want to handle these?

Site URL – https://cylinder-capybera-m75y.squarespace.com/

1. (Tablet-Footer) Make copyright text one line?

2. (Mobile-Header) Change logo size?

3. (Mobile-About us) Change to 2 logos/row?

Yes that would be great if you could help with that

On 6/2/2021 at 3:30 PM, Adaptive said:

Yes that would be great if you could help with that

Add to Design > Custom CSS

/* tablet */
@media screen and (max-width:991px) and (min-width:768px) {
/* copyright text */
div#block-yui_3_17_2_1_1616161698674_108088+.row  {
.span-6:first-child {
    width: 100%;
}
.span-6:last-child {
    display: none;
}
}
}
/* Mobile logo size */
.Mobile-bar-branding-logo {
    width: 150px;
}
/* Mobile-Our brands logos */
@media screen and (max-width:767px) {
div#block-5bf5c9756dfdd640c822+.row>.col {
    width: 50% !important;
    float: left !important;
}
div#block-5bf5c9756dfdd640c822+.row>.col {
    clear: left !important;
}
}

Thats great thanks!