Site Checking – wyldevalleycamping.squarespace.com

Site URL: https://wyldevalleycamping.squarespace.com/

1. (Mobile-Homepage). Want image fullsize on mobile?
Add to Design > Custom CSS
/* resize mobile home img */
@media screen and (max-width:767px) {
body.homepage #page section:first-child .section-background-content {
    z-index: 999;
}
body.homepage #page section:first-child .section-background-content .section-background-canvas {
    visibility: hidden;
}
body.homepage #page section:first-child .section-background img {
    visibility: visible !important;
}
body.homepage #page section:first-child {
    min-height: unset !important;
    height: 40vh !important;
}
}
2. (Tablet-Footer) Some text (email) break new line.
Add to Design > Custom CSS
/* Tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5ffee8dfb1c4a52c404cb216>.row:nth-child(2)>.col {
    width: 100%;
}
}
3. (Tablet-Homepage) Want to increase text width?
Add to Design > Custom CSS
/* Tablet home text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5ffef2047a9d6a20d53d9329 .span-12 .span-7 {
    width: 40%;
}
div#page-section-5ffef2047a9d6a20d53d9329 .span-12 .span-5 {
    width: 60%;
}
}
4. (Tablet-Footer-Discover-North-Cornwall Page). Text overlap Signup button
Add to Discover North Cornwall Page Header
<style>
@media screen and (max-width:768px) {
.newsletter-block.newsletter-form-has-small-container .newsletter-form-footnote p {
    margin-top: 0;
}
}
</style>
5. (Mobile-Footer-Discover North Cornwall page). Text overlap button
4& 5 use same code
6. (Mobile-Camping page buttons). Want to change order of some text – button?
7. (Mobile-Bell Tents page). Image is not fullsize. Want to fix this?
 
Add to Bell Tents page Header
<style>
/* resize mobile image */
@media screen and (max-width:768px) {
[data-section-id="60117d2767a7a47de9075b09"] {
    min-height: unset !important;
    height: 20vh;
}}
</style>
8. (Mobile-Blog post pagination) The title is too big. You can remove it, replace with Prev/Next
Add to Design > Custom CSS
/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}
9. (Tablet-Blog post content) Blog post content on tablet is narrow.
Add to Design > Custom CSS
/* resize tablet blog content */
@media screen and (max-width:991px) and (min-width:768px) {
.tweak-blog-item-width-custom .blog-item-wrapper .blog-item-inner-wrapper {
    width: 90%;
}
}
10. (Mobile-Overlay menu) Want to move button up a bit?
11. Page Title
You haven’t change SEO Title so browser tab name still shows “General 1..”
  • Things to do page: Show “Services 1”
  • Camping: General 2
  • Bell Tents: General 6
  • Info: General 4