Horizontal accordion instead of breadcrumbs

Hi.
I want to insert a horizontal accordion instead of breadcrumbs. Not vertical, but horizontal. But that it displays the required modules, not an image gallery or materials! Want to insert into accordion several booking search forms.
Questions:
1 How to fix the module with the menu while scrolling?
2 How to completely remove the margins at the top and bottom of the module?
3 Maybe advise such horizontal accordion?
Thanks in advance.
http://samotury.ru/index.php/events

P.S. 1 and 2 I meen breadcrumbs module.

Hi

1. Use this code:

Code: Select all

#gkBreadcrumb {
    position: fixed;
    width: 100%;
    z-index: 999;
}


after that You will need to update this class with the height of breadcrumbs:

Code: Select all

#gkContentWrapper.noIntro {
    padding: 75px 0 0;
}


2. With this code:

Code: Select all

#gkBreadcrumb {
    padding: 0;
}


3. I cannot imagine what You are trying to do so I cannot advice a module for that, sorry.

Hi
Thanks, it works

About 3 (horizontal accordion)...

I want to insert 70-100px height horizontal accordion instead of breadcrumbs. But I dont need articles or images on their pages. I need that it displays on their pages the required modules (html iframe booking search forms: flight, hotels, car rental etc.)

So may be you can recommend such horizontal accordion with the ability to insert the html-module (not the image or article) and ability to setup of its height.

Thanks in advance.
http://samotury.ru/index.php/events

Hi

The only thing I know capable of this is GK Tabs module I think. Please try it: https://www.gavick.com/download/joomla- ... /tabs.html

No, don't work.

http://samotury.ru/index.php/world

breadcrumbs.PNG

I can't see in breadcrumb module up part of item. Its cut.
In a bottom and left sides of item in breadcrumb module is no needed margines
I can't see in mainbody, mainbody top and sidebar modules up part of item. Its cut.

Hi

This looks to be ok now, but please mail me if You will need any help with this.

Hi

Got Your mail. Add this to css:

Code: Select all

#gkBreadcrumb {
    top: 76px;
}

#gkPageContentWrap {
    padding: 310px 0 0;
}


Hi

Answearing Your other mail.
All css changes should be placed in override.css, just make sure override is enabled in template settings.

Greets

1.When I set gkPageContentWrap padding I get a white stripe at the main page too:
http://samotury.ru/

2.Still have margines at the top and bottom sides of breadcrumb module. I need no margines (0px):
http://samotury.ru/index.php/info

3.Cant change background color of breadcrumb module to #EEEEEE. Tried to do it in template settings > feautures > breadcrumb color, files: template.css, override.css... It still #7484FF
How can I change it?

Hi

1. It supposed to be like that. I just needed to see what code will be needed, but since You have removed this code I'll try to guess. Use this code than:

Code: Select all

#gkPageContentWrap {
    padding: 310px 0 0;
}

.onepage #gkPageContentWrap {
    padding: 0;
}


2. Use this:

Code: Select all

.customgrey p {
    margin: 0;
}


3. Just override it with:

Code: Select all

#gkBreadcrumb {
    background-color: #ddd !important;
}


Hi

After this

.onepage #gkPageContentWrap {
padding: 0;
}

mainpage white stripe was desappear, but slider was cuted in a bottom and we see blue stripe

I guess guessing isn't the best solution than Anyway now when all code is there I can see what is wrong. Please replace this code with:

Code: Select all

.onepage #gkPageContentWrap {
    padding: 60px 0 0;
}