Layout customization

As I didn''t receive any answer on similar topic I decided to try with different title.
Is there a way to define layout? My gkHeader position seems to have no margin on the top. All modules in which I use gkHeader position seems to be cut in every resolution (full, tablet and mobile)
Problem appears when you use link #gkHeader (like after clicking START button of the Intro). It scrolls to the module in gkHeader position but under the title of the module. How can I change that?

here is my working version of the website
http://swiatloczula.nazwa.pl/nowa

I'm sure it shouldn't be difficult, but I couldn't find any similar topic to refer. Any ideas?

Hi

You can simply overwrite margin value in template.css file, or tablet.css/mobile.css if You need to make it for this devices only. Here is a code:

Code: Select all

#gkHeader {
    margin-top: -60px;
}


Thank you for your answer.
Unfortunately it didn't solve the problem. Altough #gkHeader has now (white) new defined margin (in my example 30px) scrolling link still doesn't provide to proper height. Eg. When I use the menu external link: #gkHeader animation takes me to the height without module title.

I've tried other option by changing the module position from gkHeader into gkMainbodyTop and the link to #gkMainbodyTop. Unfortunately there is still the same problem as it scrolls over the head of the module cutting the title...

Please help me somehow. Without repairing it I cannot use this template :/

I found out that it's a NSP problem, not the template by itself. Other modules are displayed properly (like: contact in #gkBottom1-1

Hi

Please do not bump Your own thread because with every bump it's moved to the end of the line to be answered.

Please show me exactly what You mean by "gkHeader position seems to be cut", the only way see its reduced is from top and the code I gave You is fixing this. Have You tried using a different value in this code:

Code: Select all

#gkHeader {
    margin-top: -60px;
}


Hi

Please do not bump Your own thread because with every bump it's moved to the end of the line to be answered.

Please show me exactly what You mean by "gkHeader position seems to be cut", the only way see its reduced is from top and the code I gave You is fixing this. Have You tried using a different value in this code:

Code: Select all

#gkHeader {
    margin-top: -60px;
}


I'm sorry for not explaining myself clearly. Of course I've tried different values of the margin. This code works perfectly but doesn't help in this case.
My problem is that anchor links scrolls page down to the level where the title of the module is under main menu so you can't see it.
I added code below but it just made margin between gkTop1 and gkMainbodyTop.

Code: Select all

#gkMainbodyTop {
    margin-top: 700px;  //just to make it more noticeable//
}


Please use the anchor link under menu START/Twórcy so you will understand what my problem is.
here is the website http://swiatloczula.nazwa.pl/nowa
TIP: If you compare this anchor with "Filmy" which is in gkTop1 you will see the difference. Somehow gkTop1, gkTop2, gkMainbodyBottom, gkBottom1 are fine. There is no problem with anchors scrolling.

PS. If it's still not clear I'll write you PM in polish if you don't mind. Maybe my English cause the problem too...

Hi

Do You mean that title is hidden under top bar ?

Try add this to css:

Code: Select all

#gkMainbodyTop .box.bigtitle .header {
    padding-top: 75px;
}


Yes! Yes! Yes! you're great man! Thank you a lot!
My last weeks nightmares are gone. Finally