Reduce menu bar height and fix it

Hi Movin,

Love the theme and all the help from these forums! I’m just wondering as I couldn’t seem to find it as an existing topic - how can I reduce the height of the menu bar in activello? I’d like it to be just over half the current height. I’d also like to fix it when you scroll if that’s possible.

Also reducing footer height?

Thanks so much :slight_smile:


Hi Sam,

I hope you are well today and thank you for your questions.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#page .navbar-default .navbar-nav > li > a, #page .nav-search {
    padding: 10px 0;
footer#colophon {
    padding: 25px 0;

@media (min-width: 767px){
header#masthead {
    margin-top: 50px;

nav.navbar.navbar-default {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;

Best Regards,