Navigation
Archive / How to remove blog header?
This is archived content. Visit our new forum.
1 2 3
  • Author
    Posts
  • December 12, 2014 at 7:11 am #163373

    michaelappleton
    Participant

    Hi,
    I was wondering how to remove the blog title at the top of your blog? I have tried the below with custom CSS but no luck.

    x-header-landmark {
    visibility: hidden;
    }

    Any help is appreciated

    Mike

    December 12, 2014 at 7:14 am #163374

    michaelappleton
    Participant

    Ok so I have updated the css to include the . which was missing and it worked but left a huge whitespace at the top so tried adding height 0px which reduced the size of the whitespace but still a big gap, can I turn this off anywhere?

    .x-header-landmark {
    visibility: hidden;
    height: 0px;
    }

    December 12, 2014 at 2:14 pm #163621

    Nabeel A
    Moderator

    Hi there,

    To remove the blog title use this code instead via Appearance > Customize > Custom > CSS:

    .x-header-landmark {
display: none !important;
}

    Let us know how this goes!

    June 24, 2015 at 4:20 pm #311997

    hwressnigg
    Participant

    This doesn’t work. I’m using Renew. Thoughts?

    June 24, 2015 at 9:54 pm #312199

    Prasant Rai
    Moderator

    Hello There,

    We have tested the code on Renew Stack and its working perfectly fine. We request you to kindly share URL of your website.

    Thanks.

    July 28, 2015 at 1:15 pm #343221

    Quinncarlson
    Participant

    Hi there, I am also trying to delete the blog altogether from my website. Not planning on posting any blogs so want the blog header completely removed. Have tried the code suggested above but it has not worked. Am using Integrity. Thanks!
    Quinn

    July 28, 2015 at 3:31 pm #343362

    Prasant Rai
    Moderator

    Hello Quinn,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    July 28, 2015 at 3:34 pm #343368

    Quinncarlson
    Participant
    This reply has been marked as private.
    July 28, 2015 at 7:15 pm #343526

    Darshana
    Moderator

    @quinncarlson

    I’m sorry, but your site is under construction mode. Could you please provide us a way to access your site? so that we can take a closer look and assist you with a possible workaround.

    Thank you.

    July 28, 2015 at 9:39 pm #343614

    Quinncarlson
    Participant

    Oh shoot I am sorry but I am not able to take the site off construction mode. Let me back up a second because I wouldn’t think getting access to my site would be necessary. I am a complete novice at site development and have done literally nothing to the template that I uploaded. I uploaded Integrity 1 to my site, and again, have done nothing except installing to begin the editing of it. Integrity 1 has a link at the top of the page (the header I believe) for ‘Blog’. My site will not have a blog therefore I need to remove this completely. How do I remove this link and function entirely from the site?
    Many many thanks,
    Quinn

    July 29, 2015 at 12:56 am #343718

    Rupok
    Member

    Hi There,

    Thanks for updating! I am not sure why you need to hide it when you are not using Blog page on your site. Do you want to remove the menu item “Blog” from your website? In that case you can do it from Appearance > Menus

    If you really want to remove the header from blog page (that’s the topic of this thread), You can add this under Custom > CSS in the Customizer.

    .blog .x-header-landmark {
  display: none !important;
}

    However as you are new on development, I would like to suggest you to explore our Knowledge Base (https://community.theme.co//kb/) and explore various tutorial to get started and gain some knowledge.

    If you still have any question, please provide your site url (make sure not under construction) and give some clarification that what you really trying to achieve. Some screenshot would be appreciated.

    Thanks

    July 31, 2015 at 1:12 am #346068

    aliyakalypso
    Participant

    I’ve tried adding that to mine but its not working…

    I would also like to remove the entire nav bar, header logo and breadcrumbs. Got nav bar to work but the rest is being stubborn and not budging. What am I doing wrong?

    July 31, 2015 at 1:12 am #346069

    aliyakalypso
    Participant
    This reply has been marked as private.
    July 31, 2015 at 1:23 am #346083

    Rue Nel
    Moderator

    Hey @aliyakalypso,

    Thanks for updating this thread!

    To hide your navbar and header logo on in your blog index, please edit this page and change your page template. Instead of using the default page template, use the Blank Container | No Header, footer page template. To disable your breadcrumb, you may go to your customizer, Appearance > Customize > Header > Miscellaneous > Breadcrumbs. If you only want to hide the breadcrumb in your bog index, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .blog .x-breadcrumb-wrap {
    display: none;
}

    Please let us know how it goes.

    July 31, 2015 at 2:49 am #346146

    aliyakalypso
    Participant

    The option to customize page templates doesn’t seem to be available for the blog page though. That drop-down menu seems to be missing only for this page. Under page attributes it only has options to set “parent pages” or “order number”

    using icon theme

  • Author
    Posts
1 2 3