Hello. I wanna make the space between logo and menu, and menu and the first module smaller. I don't know exactly how small yet, so I need to play around with it. Where can I do that? I'm pretty sure it's css, but I have very little experience in that. Could you tell me rather precisely where to look, and where to alter text? Would be cool if it was an override. That's a lot more failsafe, but I don't know what to put.

    Hi Joensen1

    You can enable override.css file from your template settings and add to it

    #gkHeader {
min-height:286px;
 }

    You can play with that px value which is the actual settings.

        pavit

        I put that in "/css/override.css", and it did nothing? I tried to change the number, but still nothing...

            Joensen1

            You should enable css override from template manager first


            Then i added to your override.css these values.

            .frontpage #gkHeader {
  padding: 0 0 10px 0!important;
  min-height: 186px!important;
 }

#gkHeaderNav .gkMainMenu .gkmenu {
  margin-top: -10px!important;
}

            You can play with them now.

            Regards

              Yes. Thank you so much 🙂 If I want to lessen the space between header and mainbody also, what should I put then?

                Joensen1 If I want to lessen the space between header and mainbody also

                please post a screenshot that shows what you want to change exactly.

                  Joensen1

                  Add to override.css

                  .frontpage #gkPageContent {
 padding: 50px 0 50px!important;
}

                  Play with first padding value to move it up or down.

                    AWESOME 😃 I have one more question, regarding the size of the logo, but that's another thread, I think...

                    Ninja locked the discussion.
                    Write a Reply...
                    You need to Login to view replies.