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

Fixed Header - Foster template


dataoverload

Question

Hi, I am using this code to make the header fixed in the foster template, but I am having issues with the navigation bar being placed over the top of the logo and the length of the header is too long and obscures the content on the pages I.E. - about, contact, retailers. See the reference images for how it looks vs. how I want it to be.

Could use some guidance on what CSS I need to add. Thank you

www.sandwichceramic.com/home

 

.Header {
	position: fixed! important;
	z-index: 1000;
	width: 100%;
	top: 0;
}

 

Screen Shot 2020-01-05 at 01.03.50.png

Screen Shot 2020-01-05 at 01.04.03.png

Edited by dataoverload
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Remove your code and use this code to Fixed header header.Header.Header--bottom { position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 999; }

Posted Images

1 answer to this question

Recommended Posts

  • 1

Remove your code and use this code to Fixed header

header.Header.Header--bottom {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

not related, like images on your site home. 😂

Edited by tuanphan

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

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