Jump to content

syntax error

Recommended Posts

In the process of trying to make a sticky header and nav I've created a train-wreck.  I am clueless on this stuff.  Can someone please help me get this squared away. Thanks...

 

color: hsl(36, 63%, 81%) !important;
  
.Header.Header--top {
  position: fixed;
  top: 0px;
  z-index:1000;
  width:100%;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.1)
    
}header.Header.Header--bottom.Header--overlay {
        position: fixed;
        top: 85.2px;
        left: 0;
        right: 0;
        z-index: 999
    }

/* Sticky Nav */
\
/* Fix overlap banner image */
.Content-outer {
    margin-top: 80px;
}}
#block-5d937b05b224e868cf56ff92{
  text-shadow:2px 2px 4px #333;
  h1{font-size: 3em; font-weight: 600;}
  h3{font-size: 1.5em;}
  
  nav#main-navigation {
    text-shadow: 0px 0px 3px #aaa;
}
  
  
}
/* Place tagline below branding */
/* When in top-center position */
/* for Brine family templates */
[data-nc-base="header"] [data-nc-container="top-center"] {
  flex-direction: column;  
}
[data-nc-base="header"] [data-nc-container="top-center"] [data-nc-element="tagline"] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  /* Adjust for distance from title */
  margin-top: -17px;
}

p, h1, h2, h3{
   -webkit-hyphens: manual !important;
      -moz-hyphens: manual !important;
       -ms-hyphens: manual !important;
           hyphens: manual !important;}

.sqs-block-button .sqs-block-button-element--small {
  width: 70%;
}

.markdown-block p {
margin-left:1.5em;
}
.markdown-block .ui-closed:before {
font-family:monospace;
content:"+ ";
}

// HIDE PREFOOTER //
#preFooter {
display: none !important;
}

.markdown-block .ui-open:before {
font-family:monospace;
content:"- ";
}

.checkoutbutton {
    margin-left: 35px;
    font-size: 20px;
    font-weight: 600 !important;
    border: 0px solid #000;
    font-weight: normal;
    letter-spacing: .05em;
    text-align: center;
    width: 17px !important;
    text-decoration: none;
    background-color: #54524F;
    color: #66d172;
    padding: 12px;
}

.form-wrapper .field-list .field .field-element {background: #f2e1c6}

Link to comment
  • Replies 1
  • Created
  • Last Reply

It should be


.Header.Header--top {
  position: fixed;
  top: 0px;
  z-index:1000;
  width:100%;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.1)  
}
header.Header.Header--bottom.Header--overlay {
        position: fixed;
        top: 85.2px;
        left: 0;
        right: 0;
        z-index: 999
    }
/* Fix overlap banner image */
.Content-outer {
    margin-top: 80px;
}
#block-5d937b05b224e868cf56ff92 {
  text-shadow:2px 2px 4px #333;
}
  h1{font-size: 3em; font-weight: 600;}
  h3{font-size: 1.5em;}
  
  nav#main-navigation {
    text-shadow: 0px 0px 3px #aaa;
}

/* Place tagline below branding */
/* When in top-center position */
/* for Brine family templates */
[data-nc-base="header"] [data-nc-container="top-center"] {
  flex-direction: column;  
}
[data-nc-base="header"] [data-nc-container="top-center"] [data-nc-element="tagline"] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  /* Adjust for distance from title */
  margin-top: -17px;
}

p, h1, h2, h3{
   -webkit-hyphens: manual !important;
      -moz-hyphens: manual !important;
       -ms-hyphens: manual !important;
           hyphens: manual !important;}

.sqs-block-button .sqs-block-button-element--small {
  width: 70%;
}

.markdown-block p {
margin-left:1.5em;
}
.markdown-block .ui-closed:before {
font-family:monospace;
content:"+ ";
}
#preFooter {
display: none !important;
}

.markdown-block .ui-open:before {
font-family:monospace;
content:"- ";
}

.checkoutbutton {
    margin-left: 35px;
    font-size: 20px;
    font-weight: 600 !important;
    border: 0px solid #000;
    font-weight: normal;
    letter-spacing: .05em;
    text-align: center;
    width: 17px !important;
    text-decoration: none;
    background-color: #54524F;
    color: #66d172;
    padding: 12px;
}

.form-wrapper .field-list .field .field-element {background: #f2e1c6}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.