AWS Posted December 7, 2019 Share Posted December 7, 2019 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
tuanphan Posted December 7, 2019 Share Posted December 7, 2019 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.