Site Checking – Tccasagrande.com

Site URL: https://www.tccasagrande.com/

1. (Tablet-Homepage). Want to increase text width?

Add to Design > Custom CSS

/* Home text width */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="601b1ca2b432ae2d5609a1c7"] .content, [data-section-id="601b1ca2b432ae2d5609a1c5"] .content {
    width: 90% !important;
}
}

2. (Tablet-Homepage) Want to increase text width?

1 & 2 use same code

3. (Tablet-Homepage) Want to increase text width?

Add to Design > Custom CSS

/* resize banner text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-601b1ca2b432ae2d5609a1c1 .span-4 {
    width: 70%;
}
}

4. (Tablet-Contact) Bedrooms dropdow looks short.

Add this to Contact Page Header to increase width

<style>
/* bedrooms width */
@media screen and (max-width:991px) {
div.select select {
    width: 30% !important;
}
}
</style>

5. (Mobile-Contact) Bedrooms width is short.

4 & 5 use same code

6. (Tablet Landscape-Gallery) Images look big on Tablet landscape. Want to change to 2 images/row on tablet only?

Add to The Gallery page Header

<style>
@media screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
.gallery-grid-wrapper {
    grid-template-columns: repeat(2,1fr) !important;
}
}
</style>

7. (Tablet-Book Now) I see 2 lines here. Do you want to remove one?

8. (Tablet-Direct Flights) Huge space here, on Direct Flights page on tablet.

9. (Mobile-Direct Flights) Huge space here on mobile. Want to reduce space?

10. (Mobile-Explore Map) Map is overflow. Want to fix this?

11. (Mobile-Explore Map header) Announcement bar & burger icon disappear on mobile Exlore Map page

12. (Tablet-Fund on the island) Want to change to 2 items/row?

13. (Tablet-Fun at casa grande) Want to add a line above Sand Toys?