Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Question

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}

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

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}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...