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

Fixed header @ custom template

Question

3 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

header.Header.Header--bottom.Header--overlay {
    position: -webkit-sticky;
    position: sticky;
}

 


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0

Thank you very much, Tuanphan!

2 questions:

1. How do I chose the background color for the header?

2. How do I position the header lower, so that it goes on top of the upper black part of the music video that plays in the background? Like on the attached pic.

 

1255559969_Screenshot2019-12-16at12_19_10.thumb.png.4fef5fbc03b0cf1c76821c7b3e86d64f.png

Share this post


Link to post
  • 0

@erikwiss

If you want background don't use code I sent, use this

header.Header.Header--bottom.Header--overlay {
    background: green;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

 


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

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...