How do I reduce the space between the top menu and top1

Restaurant.JPG

Hello,
How can I manipulate the space between the Main Menu and the top1 module position? I am not using the Cart so we can disable that if necessary. I have attached an illustration.
Thanks

Hi,
you need to add to override.css

Code: Select all

.nopaper #gkContent, .noclips #gkContent {
margin-top: 120px;
}


and reduce this value to fit height of content. Thne you will need add:

Code: Select all

.nopaper #gkContent::before {
height: 134px;
margin: -160px 0 0 -40px;
}


and first decrease height value and then first margin value to fit your needs. Remember to enable override.css option in template settings.

Hello,
This did not work for me. Is there another way around it?
Thanks,

@initiativeinc can you give us url to your site ?

Please try add to override.css

Code: Select all

#gkLogo.cssLogo {
position: absolute;
}
#gkPageTop + #gkTop1, #gkPageTop + #gkTop2 {
margin-top: 120px;
}


and decrease margin value to fit your needs. Remember to enable override.css option in template settings.

Thank you very much. This worked perfectly this time.