T-Shirt Forums

T-Shirt Forums (https://www.t-shirtforums.com/)
-   SpreadShirt (https://www.t-shirtforums.com/spreadshirt/)
-   -   CSS Menu Bar & Fix/Static Menu (https://www.t-shirtforums.com/spreadshirt/t766706.html)

SnowFox March 17th, 2017 02:21 AM

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;
}



All times are GMT -8. The time now is 06:48 AM.

vBulletin Security provided by vBSecurity v2.2.2 (Pro) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
Copyright 2004-2014 T-ShirtForums.com. All rights reserved.