Fixed Banner "Topbar"

Hello Gavick Team!

Kindly ask you to help me with "Banner Topbar" module - I want to make it fixed while scrolling.
I tried to use some HTML commands into html-editor of the module, but it didn't work.

Please help me to make the black line with social buttons being on top of the page fixed always.

Thanks a lot!
Pavel

Could you please post an url to your site?

Sure, http://gembiland.com/

Please edit: /templates/gk_instyle/css/override.css and add at its end:

Code: Select all

#gkTopBar {position: fixed; width: 100%; top: 0px;}
#gkHeader {margin-top:46px;}


Remember to enable "CSS override" in template settings - advanced section.

It works! But Main menu, Search module and Image SlideShow are above topbar while scrolling.
How is it possible to make topbar always above all other modules?

Please change the code to:

Code: Select all

#gkTopBar {
position: fixed;
width: 100%;
top: 0px;
z-index: 100;
}


Thank you, it works perfect!

Have some problem. The space between topbar and Logo is missing with your css code. (screenshots)
1. Original, without css changes

before.jpg

2. With your css changes

after.jpg

Hi again! Tried to put my logo, looks like a page doesn't count width of topbar when it's modified with css. (screenshot)

Topbar_Fixed.jpg

How can we fix it?

Regards, Pavel.

Please edit: /templates/gk_instyle/css/override.css and add at its end:

Code: Select all

#gkHeader {margin-top: 46px;}


Remember to enable "CSS override" in template settings - advanced section.

Thank you again Cyberek, the css works well!

Is there anything else I can help you with regarding this topic?

No thanks! The case is solved indeed.

If you will have any other questions (not relative to this thread), feel free to post new forum threads - it allows us to answer you faster.