CooperLandingFishingGuide

On 4/17/2023 at 6:58 PM, tuanphan said:

Try change to this new code

@media screen and (max-width: 767px) {
   body:not([class*="type-blog"]) #page article section:first-child {
        min-height:32vh !important;
        height: 32vh !important
    }
}

 

Amazing! It worked! I can't thank you enough for your help!

15 hours ago, tuanphan said:

/* Attempt always-full-width banner */
  @media screen and (max-width:767px) {
    #page article section:first-child {
        min-height: 32vh !important;
          height: 32vh !important;
    }
  }

Thank you so much for the help, but it appears to be doing the same thing unfortunately 😕

/* Nav menu active link color */
body:not(.tweak-transparent-header) .header-nav-wrapper .header-nav-item--active a {
  color: #337ab7;
}

/* Basic table styling */
table.minimalistGrey {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.minimalistGrey td, table.minimalistGrey th {
  padding: 5px 4px;
}
table.minimalistGrey tr:nth-child(odd) {
  background: #d6cfbd;
}

/* Shrink mobile nav menu font */
@media screen and (max-width:767px){
  .header-menu-nav-item a {
      font-size: 1.3rem;
  }
  /*and shrink gmap*/
  .sqs-block-content > iframe {
    width: 330px;
  }
}

/* Attempt always-full-width banner */
  @media screen and (max-width:767px) {
    #page section:first-child {
        min-height: 32vh !important;
          height: 32vh !important;
    }
  }
/* End always-full-width homepage banner attempt*/

21 hours ago, tuanphan said:

What is your site url? + Can you send all code in CSS box?

sure thing! it's alaskaheavenly.com

Most of my mobile pages have been jumbled until I added a site header; however, I am not able to add a site header to my individual blog posts, so they are completely jumbled on the mobile version.

6 hours ago, tuanphan said:

Try adding to Design > Custom CSS

.mobile-nav-open div#preFooter {
    opacity: 0;
}
.mobile-nav-open footer#footer {
    opacity: 0;
}
.force-mobile-nav.mobile-nav-open #sidecarNav {
    z-index: 99999999999999;
}

 

Is it just for mobile, or all squarespace versions? It appears to work!

Thank you so much!

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

Recently, on my home page, when I click the "hamburger" icon to the top left, my pre footer, footer and bottom of my website pops up instead of page navigation links. Anyone know what would cause this? 

Thank you for your help!