Height of Social Header & Nav Header

  • Sorry for being such a pain in the neck.
    I don’t want to SPAM you! ??

    I managed to reduce the footer height to 10px.
    But where/how can I change the size of the “social header” and the “nav header”?

    Just in case I didn’t say it before: Your theme is fantastic? :-)))

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter CK-ONE

    (@ck-one)

    Still unsolved … ??
    Seems like there are some blind images in use, “blocking” the min. size …(?)

    For the navbar:

    nav.navbar-default {
    height: 101px;
}

    The dimension you see now is 101px, so just change the indicated value to make it bigger or smaller depending on what you want. Do know that the menu elements (the links and the logo) won’t automatically resize themselves so you’d want to consider that before changing this.

    For the social bar:

    .header-details {
    height: 56px;
}

    Similarly, that’s the default, and applying that won’t resize the other elements either.

    Thread Starter CK-ONE

    (@ck-one)

    Hm, but how to adjust the menu elements then?

    Else it’s looking like <a href=”https://www.pic-upload.de/view-29826385/problem_navbar_height.jpg.html
    “>this when I downsize the height of the navbar.

    Guess, that’s the first real challenges appear with Maskitto Light: The fine tuning of customization. ??

    What’s the height you chose?

    Thread Starter CK-ONE

    (@ck-one)

    Every value below 91px results in the above visual representation.
    Would love to have the navbar around 20px though. ??

    Would this be correct? If so, apply this CSS to the unaltered theme:

    nav.navbar-default {
    height: 20px;
}

.navbar-nav .menu-item a {
    padding: 12px 5px;
}

header.sticky .menu-item a {
    padding: 12px 5px;
}
    Thread Starter CK-ONE

    (@ck-one)

    Sadly, the same result as before. :-/

    I believe the same solution applies. ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Height of Social Header & Nav Header’ is closed to new replies.