Reducing space between navigation menu and logo « Support Forum | Kriesi.at

Reducing space between navigation menu and logo

5 posts from 3 voices

Tags:

JNYB
Member

Hello, after going through the threads and playing around in the layout.css I can't find how to reduce the gap below the logo and above the navigation menu (which is currently centered beneath it). Is there a quick css snippet I can add to adjust the height of this space? Thanks in advance - John

Posted 3 months ago #
Ismael
Moderator
Hi John,

I checked the site linked in your name, however, the menu is always right beside the logo instead on the bottom even if I resized browser. Try to remove the padding in the header's container, try to add this code in your Quick CSS:
```
#header .container {
padding: 0;
}
```
or
```
#header .container {
padding: 0 !important;
}
```
Regards,
Ismael
Posted 3 months ago #
Dude
Dude
Hi!

Add following code to the quick css field:
```
#header .container {
padding: 25px 0 !important;
}
```
Replace 25px with a lower value to reduce the gap (eg 10px).

Regards,
Peter
Posted 3 months ago #
JNYB
Member

Thanks guys, that ended up doing the trick. I figured that much out on my own but couldn't get the gap any smaller than it is now after changing those inputs. At this point it looks good to me though so I don't want to trouble you guys any further, I have more important issues with the mobile layout to tackle at the moment. I'm going to create a new thread for that shortly.

Posted 3 months ago #
Ismael
Moderator

Hi JNYB,

Glad we could help. :)

Cheers,
Ismael

Posted 3 months ago #