Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #21769


    Can you let me know the process for changing the nav bar height and padding and horizontal centering for menu buttons?

    And also the same process for the header image: reducing horizontal padding (ideally to zero) and changing the header image height.

    Cheers a lot,



    Hi N,

    You can use a plugin like Firebug for Firefox or Chrome/Safari’s native Inspect Element function to identify each css rule you want to modify. Then add new css in your Quick CSS or custom.css file to over rule those and change it.

    See: https://www.kriesi.at/support/topic/ (Purchase code hidden if logged out) -users





    Thanks for your prompt reply. I can’t find the horizontal rule anywhere in the style sheet or the bottom padding for the navbar. I can change the height of the #header but bringing it negative makes it overlap the rule.

    Similar situation for the logo, can’t find the padding, top or bottom.

    Thanks again,



    When inspecting with your browser of choice, inspect on the actual menu item. Your description is a bit too broad to really pinpoint anything but generally, the .main_menu ul:first-child > li > a has a left margin of 30px which gives the menu its horizontal spacing.

    The line under the header is actually a bottom border on the .container inside the #header. See:

    #header .container {
    min-height: 50px;
    padding: 25px 0;
    border-bottom: 1px solid;
    z-index: 100;

    The above is also what controls the padding above and below the nav menu and the logo.



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

The topic ‘Change Padding and Height for Navbar and Header Image’ is closed to new replies.