Blog Page header menus

Do this,
Right click on the elements that you want to remove(in this case the back to home button and the extra navbar menus), and then click inspect element to see the class name or identifier name of those elements.

I am not able to give you the exact code because i don’t know the CSS of your website(maybe you can provide a link to your site so that i can give you the exact working code), but here’s the general idea:

Let’s say you have a menu element with the following HTML:
<div class="menu"> BACK TO HOME </div>

Now, if you want to hide this element from your page, then use the display CSS property and set it to none, like this:

.menu {
   display: none;
}

Do this for every element that you want to hide.

Hello there,

Can you please post a link to your site where I can see these menus so I can try to help with some CSS code?

Thank you so far!

https://chuckhubbert.com/index.php/home-page/blog/ is the page I’m working on. CSS is a learning experience for me, but I’ll start to look at it.

I was able to get the right side element cleared with
#breadcrumbs{
display: none;
}

But I haven’t figured out the left side element yet. I think this is the code. I have tried to use #back-home and #ti-angle-left but neither seems to be correct.

<div class=”back-home pull-left col-md-4 col-sm-4 col-xs-12″>

<span class=”ti-angle-left”>
</span>back to home
</div>

Hello,

Add the following custom CSS to customize-> Additional CSS

.page-header .top-bar .back-home {
    display: none;
}

Let us know if you need help with anything else!

Perfect, thank you very much!

Glad I could help ??

Please mark the thread as resolved.