T-Shirt Forums - View Single Post - [SPREADSHIRT] CSS Menu Bar & Fix/Static Menu
Thread: [SPREADSHIRT] CSS Menu Bar & Fix/Static Menu
View Single Post
Old March 17th, 2017 -   #1 (permalink)
SnowFox
Forum Member
T-Shirt Member

SnowFox's Avatar
 
Member Since: Mar 2017
Posts: 11
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
Thanks: 1
Thanked 0 Times in 0 Posts


Exclamation CSS Menu Bar Categories & Fix/Static Menu Bar

Hi, I'm trying to make a fix and static Menu in CSS so when I scroll down it always stay in place and also make the menu bar like this one https://shop.spreadshirt.dk/gryphonheart

I searched and nothing, I went on their forum and no help to give me the information that I need to make the static CSS menu bar.

anyone can help me ?

The only thing I found is this but I don't have the right classes to implement it on the shop.

Code:
/*sticky menu bar*/
/*moves links down to make space*/
div.content {
margin-top: 80px;
}
/*hack to enable positioning of child elements*/
.titlebox form {
position: static
}
This code doesn't work.

Tried this and doesn't work.

Code:
#menu {
display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
}

.navigation {
display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
}

.SprdMain {
display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
}

.sprd-navigation  {
display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
}

Last edited by SnowFox; March 17th, 2017 at 03:32 AM..