Squarespace v. Mobile

Site URL: http://www.its-the-thought.com

Hi,

I have added several CSS codes in 7.1 in order for my mobile view to reflect correctly.  Prior to today, all changes were reflecting correctly on my phone,  however, now none of the changes are showing up.  I have included two examples of SS mobile view v. live mobile view.

Any thoughts on what may be causing this would be greatly appreciated.  Thanks!

 

 

Your custom CSS box has syntax error so all CSS didn't work.

Can you post all CSS here? We can check easier.

Here's all the current CSS I have:

 

//---Custom Fonts---
.header-nav-item a  
{font-family: 'times'!important;}

.image-button a  
{font-family: 'rose'!important;}

h1
{font-family: 'rose'!important;}

.item-pagination-title
{font-family: 'rose'!important;}

.section
{font-family: 'rose'!important;}

body#cart
{font-family: 'rose'!important;}

.CartTableRow-itemTitle-1MDgZ a
{font-family: 'rose'!important;
  font-size: lowercase !important;}

.CartTableRow-itemPrice-26eXS.item-price
{font-family: 'rose'!important;
font-size: 'lowercase' !important}

.cart-title
{font-family: 'rose'!important;
text-transform: lowercase !important}

.CartTable-itemLabel-3zzV1
{font-family: 'rose'!important;
text-transform: lowercase !important}

.CartTable-subtotal-2nJjm
{font-family: 'rose'!important;}

.CartFooter-checkout-28MW2.checkout
{font-family: 'rose'!important;
text-transform: lowercase !important}

.CartFooter-checkout-28MW2.checkout span
{font-family: 'rose'!important;
text-transform: lowercase !important}

.CartTableRow-variant-1ihcF.variant
{font-family: 'rose'!important;}

.form-wrapper .field-list .title {
  font-family: rose;
  font-size: 8px;
  color: #000000;
  letter-spacing: .08em;
  text-transform: lowercase;
}

.form-wrapper .field-list .field .caption {
  font-family: rose;
  font-size: 6px;
  color: #000000;
  letter-spacing: .15em;
  text-transform: lowercase;
}

.form-wrapper input[type=submit] {
  border: 1px solid #98635D;
  transition: all .6s ease 0s!important;
  font-family: rose !important;
  text-transform: lowercase !important;
}

#site-title {font-family: 'rose'; src:local('Example'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)}

@font-face {
font-family: 'rose';
src: url('https://static1.squarespace.com/static/5ebdcf4c4560b360604aba30/t/5ec45df350541c19791d42a4/1589927411335/rose_of_baltimore.ttf');
  }

.header-nav-folder-item a
{font-family: 'rose'!important;
font-size: 20px !important}

.header-nav .header-nav-item--folder .header-nav-folder-content a:hover {
    width: 320px;
  color: white !important;
      background: black;
}

.header-nav .header-nav-item--folder .header-nav-folder-content {
    width: 320px;
}

/* Nav item hover color */
.header-nav-folder-content a:hover {
    color: white !important;
      background: black;
}

.sqs-add-to-cart-button-inner
{font-family: 'rose'!important;}

h1.ProductItem-details-title
{font-family: 'rose'!important;}

.grid-title
{font-family: 'rose'!important;}

.ProductItem-nav-pagination
{font-family: 'rose'!important;}

.ProductItem-nav-breadcrumb
{font-family: 'rose'!important;}

.quantity-label
{font-family: 'rose'!important;}

.product-quantity-input
{font-family: 'rose'!important;}

.ProductItem-product-price
{font-family: 'rose'!important;}

h3.portfolio-title {
  font-family: 'rose' !important;
    font-size: 30px !important;
}

.product-price,
.product-quantity-input,
.quantity-label,
.floating-cart,{
    display: none !important;
}

.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}

a.summary-read-more-link {
  display: none;
  font-size: 0px !important;
}

a.summary-read-more-link:before {
  display: visible;
  content: "Shipping & Fee";
  font-size: 14px !important;
  line-height: 2em;
}

@media only screen and (max-width: 991px) {
    h3 {
        font-size: 12px !important;
    }
}

#myBtn {
   width: 50px;
   height: 50px;
   display: none;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   font-size: 25px !important;
   color: white;
   cursor: pointer;
   padding: 10px 10px 10px 11px;
   border-radius: 50%;
   box-shadow: 1px 1px 5px #000;
   // Change the hex code in the next line to change background color
   background-color: #a4a4a4;
}

#myBtn:hover {
   background-color: #aeaeae;
}

@media screen and (max-width:767px) {
[data-section-id="5ed972a0f5d09417a6db8d16"] {
    min-height: 30vh !important;
  margin-top: -20px;
}
}

@media only screen and (max-width: 767px) {
    footer {
        font-size: 14px !important;
    }
}

@media screen and (max-width:767px) {
    div#block-415f0f884df179f83753 figcaption {
    width: 40%;
    margin-top: -40%;

}
div#block-415f0f884df179f83753 figcaption * {
    font-size: 9px;
    letter-spacing: 1px;

}
}

@media screen and (max-width: 767px) {
   section[data-section-id = "5ed97a9d65c1212bd1ae95ed"] {
      .sqs-block-content p[data-rte-preserve-empty = "true"]  {
     display: none;
}
      .content-wrapper {
padding-bottom: 0 !important;
   padding-top: 0 !important;

}
   } 
}

@media screen and (max-width:767px) {
/* about page overlap */

/* email */
div#block-ba48f8970f642c3ea8d1 p:last-child {
    letter-spacing: 3px;
}
}

@media screen and (max-width:767px) {
[data-section-id="5ed97a9d65c1212bd1ae95ed"] {
    min-height: 30vh !important;
  margin-top: -10px;
}
}