Divide Header into 2 modules

Hi,
I want to split header in two, how can I do that? Like fx header1 width:726px and header2 width:254px.
I know how to make new positions and how to include them in default.php, but what changes do I have to make in the css?
This is what I see in layout.css:
#gkHeader { margin-top: 0; margin-bottom: 10px; overflow: inherit!important; }
...
#gkHeader { border-collapse: collapse; display: table; width: 100%; }

But is there another way

Hi

You can use 2 modules in the same header position with module class suffixes and than show it next to each other. Let say module dlass suffix will be calles head1 and head2 than css code will look like:

Code: Select all

.head1 { float:left; width:70%; }
.head2 { float:right; width:28% }


Thank you! It works fine. Used px instead of %

Hi

Glad I could help

hi,
into which css-file do i have to put the code for .header1 and .header2?
best regards,
stefan

Hi

The best way is to use override.css file but please remember to allow using of this file in template settings.

hi,
thank you very much. works perfectly.
Stefan

Hi

No problem. Glad I could help.