Make top menu smaller on mobile devices

Hello,

I'm trying to make the top of this theme smaller for mobile devices, but its been difficult to find how to do it. Can you guys help me achieve that? I attached a screenshot to help you understand what part I want to make smaller.

Thanks in advance,
Bruno

Hi,

Try to add the following code into css/override.css file and adjust the values:

Code: Select all

@media (max-width: 680px) {
  #gk-top-info {
    padding: 0!important;
    top: 90px!important;
  }
  #gk-header {
    min-height: 180px!important;
}
}