Changing Header bar height and removing logo

  • Resolved acrzyhippie

    (@acrzyhippie)


    9 years, 7 months ago

    I’m trying to reduce the height of the header bar but can’t seem to find anywhere to do it, I was also hoping to remove the logo on the header bar/ title on the header bar in leu of the logo, but again can’t find anywhere that would let me. I tried looking through some of the code but anything beside the basics is a bit of a stretch for me and I couldn’t find anything that looked like the right thing, anyone happen to know if these things are possible using this theme and what I would need to do in order to accomplish them? Thanks greatly!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi @acrzyhippie

    Thanks for reaching out. I’m at GMT+2. Sounds like we can find a solution to the tweaks you’re looking for. I’ll jump in tomorrow morning and take a look.

    Chat then ??

    Thread Starter acrzyhippie

    (@acrzyhippie)

    Hey sorry I didn’t check this over the weekend, I managed to remove the logo by just changing the logo file to a 1×1 pixel image, but if you could help with changing the header file that would be great!

    Theme Author Andrew Misplon

    (@misplon)

    Hi @acrzyhippie

    Sorry about that! I was away and had a big travel day to get home. Apologies for not coming back to this as promised.

    You can adjust the height of the header by adding the following to a Custom CSS plugin or child theme style.css file:

    /* Header Height */

.site-header, .site-header .site-branding-container, .main-navigation .menu-search {
	height: 112px;
}
@media (min-width: 1024px) {
	#main-slider.overlap {
		margin-top: -112px;
	}
}
.main-navigation div > ul > li > a, .main-navigation .menu-search .search-icon:before {
	height: 112px;
	line-height: 112px;
} 

.main-navigation ul ul {
	top: 109px;
}

    Whatever you change the 112px values to you need to deduct three pixels from for the last value.

    If you install a plugin like Simple Custom CSS it’ll add a menu item called Custom CSS under Appearance. Add your CSS there.

    (If you’re interested, this is a setting available in the Ultra Premium Customizer).

    Theme Author Andrew Misplon

    (@misplon)

    With regards to removing the logo, I could work up a child theme for you that does that correctly. Do you want to remove the logo and site title that replaces the logo if non is added?

    Thread Starter acrzyhippie

    (@acrzyhippie)

    Hey sorry for having taken so long to get back, I only work part time for this company so I don’t often get a chance to check when I am elsewhere. We actually went and bought the premium version of the theme the other day just to alter the colours and were able to change everything we needed. But I really appreciate you figuring out the code despite it being a set option in the premium version, you are truely awesome! I will highly recommend this theme to anyone I know in need of it!

    Theme Author Andrew Misplon

    (@misplon)

    No problem at all ?? You can always reply when it suits you most.

    Thanks for your support, it really is most appreciated.

    If anything else comes up, let me know here, on the Puro Themes forum or via email.

    All the best with your site ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Header bar height and removing logo’ is closed to new replies.