Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #20509

    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

    #107951

    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

    #107952

    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

    #107953

    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.

    #107954

    Hi JNYB,

    Glad we could help. :)

    Cheers,

    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Reducing space between navigation menu and logo’ is closed to new replies.