Adjusting the header (navbar) height

  • Resolved gudthing

    (@gudthing)


    9 years, 4 months ago

    Good afternoon!

    I am currently trying to make the header (which has navigation) thinner. I searched and I found out that I am supposed to edit .navbar.notresp .navbar-inner.

    In my CSS file I added:

    header.tc-header {
  border-bottom: 0;
}
.navbar.notresp .navbar-inner {
  position: relative;
  top: -30px;
  left: 0%;
}

    However, this has no impact on my header, I also tried adding !important, which also didn’t have any luck. Does anyone know how to do this? Thanks for reading ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hey there gudthing,

    How are you doing today?

    Since this can be affected by your logo and navigation size would you mind posting link to your site where so I can take a look?

    Best regards,
    Bojan

    Thread Starter gudthing

    (@gudthing)

    Hey Bojan, Thanks for reply.

    I’m great thanks, and how are you?

    Sure the website is https://lanext.it

    Thanks ??

    Hey again,

    You should be able to reduce is for 10px but more then that would make your logo not have any space above and below itself, also there is reset margin element which appears to be calculating the height of the header with js so you might want to exclude the last part of the code below, if it doesn’t work try adding the whole thing:

    .tc-header .brand a {
  margin: 5px 0;
}

.navbar-wrapper.clearfix.span9.tc-submenu-fade.tc-submenu-move.tc-open-on-hover.pull-menu-left {
  margin-top: 0;
}

.no-navbar .navbar .navbar-inner {
  margin-bottom: 0;
}

div#tc-reset-margin-top {
  margin-top: 56px !important;
}

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter gudthing

    (@gudthing)

    Hello again,

    thanks for the speedy reply!

    I tried the code but unfortunately it doesn’t seem to be affecting it.

    I’ve removed the logo (to try and rule that out) but it still doesn’t seem to be impacted…

    It’s a weird one, I tried to also customize another part of the page but I couldn’t seem to affect the page (through the CSS, specifically, I tried applying this snippet .

    (I’m out for the next ~1hour, so I won’t be on till then, thanks again for looking at this issue, really appreciate it!)

    Thread Starter gudthing

    (@gudthing)

    I was about to despair realising that most of my CSS updates weren’t affecting the page.

    Turns out it was a caching issue…from the server side. My host automatically offers wordpress caching which is activated by default on their c-panel!

    It’s all working now as it should, thanks again!!

    Glad to hear you managed to figure this out ??

    Cheers,
    Bojan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adjusting the header (navbar) height’ is closed to new replies.