Jump to content

Custom table too wide for page - Horizontal overflow?

Recommended Posts

  • Replies 6
  • Views 630
  • Created
  • Last Reply
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?

cylinder-capybera-m75y.squarespace.com-0

2. (Mobile-Header) Change logo size?

cylinder-capybera-m75y.squarespace.com-0

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

cylinder-capybera-m75y.squarespace.com-0

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.