Topbar

Hi
I built a topbar on the style of game news.
But I can not put it in the center of the template
http://www.advsportman.com/images/67.jpg
this is the css code

Code: Select all

#gkTopBar {
   background: #282828;
   height: 40px;
   margin: 0 0!important;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10001;
}

Can you help me?

Thanks to all

Hi

It would be better to see it running live, but did you try using:

Code: Select all

#gkTopBar {
   background: #282828;
   height: 40px;
   margin: 0 auto;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10001;
}


Hi

It would be better to see it running live, but did you try using:

Code: Select all

#gkTopBar {
   background: #282828;
   height: 40px;
   margin: 0 auto;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10001;
}


Hi
I tried it with your edit, but it does not work.
I sent a message to enter the site
thanks

Try using this instead:

Code: Select all

#gkTopBar {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1001;
  height: 40px;
  background-color: #282828;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

#gkTopBar > div {
   margin-left: 185px;
}



Hi Seichinha
thanks for your help
but does not work
depending on the screen resolution ... the topbar does not align with the template
Look at these two images
1920
http://www.advsportman.com/images/1920.jpg
1366
http://www.advsportman.com/images/1366.jpg

ok i will try another solution.

ok i will try another solution.

Thank you very much!
it seems that the three additional modules do not line up with the template ...

Try using instead:

Code: Select all

#gkTopBar > div {
   margin: 0 auto;
   overflow: visible;
   width: 980px;
}


But you need to remove some menu items.

Cheers

Try using instead:

Code: Select all

#gkTopBar > div {
   margin: 0 auto;
   overflow: visible;
   width: 980px;
}


But you need to remove some menu items.

Cheers

Thank you!

If you want you can still use UserMenu set on the right.
That would give you more space for more menu items.

Code: Select all

#gkTopBarUsermenu {position: absolute; right: 0;}


Cheers