Bar Across Top Of Site Like gavick.com on Simplicity

Hi there,

We would really like to put a bar across the top of our website like your gavick.com homepage. This would be great to make announcements to our viewers.

Is there any way we could implement this on our joomla 3.x site using the simplicity template?

Our site is http://www.shed-solutions.com

Hi

Please use for example "banner_top" module position and add all You need for Your top bar and show me Your site than. I'll tell You what to do to make it show on top.

Hi there,

I am not following what you are asking. I have created a new module in the "bannertop" position and published it on all pages. Unfortunately it is not showing anywhere

Our site is www.shed-solutions.com

Would you like us to send you login details?

Hi

Please use for example "banner_top" module position and add all You need for Your top bar and show me Your site than. I'll tell You what to do to make it show on top.

Can anyone help with this???

Hi there,

Can you be a little more clear on what we need to do here. We really need to add this feature. We are willing to pay

Hi

Please use for example "banner_top" module position and add all You need for Your top bar and show me Your site than. I'll tell You what to do to make it show on top.

Hi

Sorry, a very busy time around family. I may have checked a wrong template while asking to use "banner_top" module positon. Please look here: http://demo.gavick.com/joomla25/simplic ... -positions and select one of the module positions You would like to use for the purpose we are talking about. Than move the module You've created to this module position. I would recomment positions "top1" or "top2".

Please when You do this send me a mail to my mail account so I'll be able to aswer fast (this is an inssurence that You will not need to wait while I digg throught all the questions which was asked during holidays).

Is there a way to place the bar above the menu? Looking at http://demo.gavick.com/joomla25/simplic ... -positions it doesn't look like we can place the bar where we would like.

Please advise

Hi

Yes there is and I'll tell You percisely what to do, but need to see Your site while the module You would like to have on top is published in "top1".

Okay, we have done as you have asked.

The module is published in Top1 and can be seen on the following page:
http://www.shed-solutions.com/Contact-Us/calgary-showroom.html

Here is an image showing it as well!!

Hi

Yes there is and I'll tell You percisely what to do, but need to see Your site while the module You would like to have on top is published in "top1".

Any update on this???

Hi

Yes there is and I'll tell You percisely what to do, but need to see Your site while the module You would like to have on top is published in "top1".

Hi

Here is the code You ned to add to override.css:

Code: Select all

#gkTop1 {
    background: none repeat scroll 0 0 #000000;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#gkTop1 > div {
    margin: 0 auto;
    width: 1024px;
}

#gkMenuWrap.active {
    top: 50px;
}


We have added this code to the override.css file but the position of the module has not changed.

We made sure to clear the cache, enable override.css, delete history, etc... this change is not showing on the site. Any other suggestions?

Hi

Here is the code You ned to add to override.css:

Code: Select all

#gkTop1 {
    background: none repeat scroll 0 0 #000000;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#gkTop1 > div {
    margin: 0 auto;
    width: 1024px;
}

#gkMenuWrap.active {
    top: 50px;
}


Okay... we have this kind of working now... but part of the menu is covered now... do you know of a way to shift down the main menu??

Hi

Here is the code You ned to add to override.css:

Code: Select all

#gkTop1 {
    background: none repeat scroll 0 0 #000000;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#gkTop1 > div {
    margin: 0 auto;
    width: 1024px;
}

#gkMenuWrap.active {
    top: 50px;
}


It would be nice for this top-1 bar to function like that on the gavick website when logged into the members area.

We would like the Top-1 module to be 100% visible while scrolled all the way to the top of the page... we would also like the logo and entire menu to be 100% visible... (right now the Top-1 Position is on top of the logo and menu blocking out it's contents (this can be seen at http://bit.ly/1dQAx5e)) or below:


We would like it to look like this:


Then once you start to scroll down the content in the Top-1 module position will disappear.

Hi

Here is the code You ned to add to override.css:

Code: Select all

#gkTop1 {
    background: none repeat scroll 0 0 #000000;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#gkTop1 > div {
    margin: 0 auto;
    width: 1024px;
}

#gkMenuWrap.active {
    top: 50px;
}


Hi

The part of the code to lover the menu is this:

Code: Select all

#gkMenuWrap.active {
    top: 50px;
}


please try add !important rule at the end in case is was overwritten. Like this:

Code: Select all

#gkMenuWrap.active {
    top: 50px !important;
}


Unfortunatelly making it dissapear will require some additional scripting, possibly with jQuery and using of this function http://api.jquery.com/scrolltop/ , but we do not support such customizations.