Customizr introduced built-in feature changes in v3.3.
See this Snippet for 3.3 approach to changing Header Block items
Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Remove Header Block Items */
/* Site Title & Logo */
.brand a {display:none;}
/* Logo */
.tc-header .brand {display:none;}
/* Social Icons */
.social-block a {display:none;}
/* Tagline */
.navbar-wrapper .navbar h2, h2.site-description {display:none;}
/* Navbar */
.navbar .nav {display:none;}
/* Navbar box */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* END OF Remove Header Block Items */
12 thoughts on “Remove Header Block Items”
Hi. How these codes could be applied only to a particular page, not all? Thanks
Hi Carolina, depending on your browser, if you right-click on the webpage and choose Inspect Element then you’ll see the HTML code generated. Look at the body tag and you’ll find something like:
class=”…….. page-id-10 ……………
You then append this to the above selectors to make it unique to that page. eg:
.page-id-10 .brand a {display:none;}Hi. I am basically looking to customize this theme so I have a blank page. I was able to use most of the code provided in previous responses to get pretty close. There is only one header item on the page I cannot seem to get rid of and was wondering if anyone had any ideas as to how I can make it go away? It’s not so bad when I view it on my laptop, but on the mobile site, that header area cuts off the top of my text. Any suggestions? The web site is http://www.winjohnnysipad.com
Thanks!
Hi Jillian,
you’ll want to open a new thread in the Customizr support forum about this.
Best regards
Hi
Please advise how to remove or replace the default square icon on the left side of Page Title.
Best Regards
Bobby
Hi,
Here’s a snippet that might help :Removing the page icon on the left of the page title.
Best
Hi – this worked great, but there was still a gap – can this be closed up?
Hi Dave…is it possible to include logo in navbar.. just like any bootstrap template has….
Sorry, I don’t quite understand what you’re asking? I’d suggest the Forum would be a better place to get a solution for this, with a much wider audience to help fix problems. And please include a link to your Site.
Hi Dave and thanks for this. Does display:none mean that the Google bot can’t see it? If so, is there a way to hide, say, the Tagline (both inner and outer) while still permitting it to be spidered for its SEO benefit?
Incidentally, your Snippet doesn’t hide the inner (small media) Tagline but this works for both large and small viewers:
`/* Tagline */
.navbar-wrapper .navbar h2, h2.site-description {
display:none;
}`
Hi,
my logo is still about the menu and navbar, is there anything I can do about making it appear on the same level as menu/navbar? Just like it shows on this site and other examples?
Thanks,
kev
Sorry for delay Kevin.
Most of these Snippets are tested standalone, so it is possible that when added to other CSS code they don’t work quite as intended. I’d suggest the Forum would be a better place to get a solution for this, and include a link to your Site.
Thanks for using Customizr.