Jump to content

Squarespace v. Mobile

Recommended Posts

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!

 

 

mobile view on SS.png

fullsizeoutput_18b3.jpeg

mobile SS view.png

fullsizeoutput_18b4.jpeg

Link to comment
  • Replies 2
  • Views 473
  • Created
  • Last Reply

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;
}
}

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.