Remove Header Image and Header Title

I would like to remove the header image and header title to all the pages. I would love some help.

Hello @nextand,

Didn’t we already fixed this in the other thread?
Let me know.

Regards

Hello @nextand,

Didn’t we already fixed this in the other thread?
Let me know.

Regards

Hi, I would also like to know how to change the header image and illdy name.

Sorry. Don’t know what happened here.

i have the same problem.
i want to remove all page header except for home page.
how can i remove header image and title also completely omit the space of it.

Hello,

Try using this CSS code:

.bottom-header{
display: none;
}
.home .bottom-header{
display: block;
}

Regards

thank you for the answer. it works

I added the above css code and it worked perfectly, but I would like to know if there’s a way to control the height of the top section? I attached a screenshot showing what I mean, just in case.

Hello,

Glad that the above code did the trick for you, as well.

Use this code to space the top menu:


#header .top-header {
    padding-top: 40px;
    padding-bottom: 40px;
}

Regards

Hi Ion

I tried the above CSS Code to remove Header Image but it cropped the images rather than removing it altogether (Please find the screenshot attached). Also, the CSS code for controlling the height does not seem to work.

I am attaching screenshots of the code used and page for your reference. You can refer the website at www.offbeatexplorers.com

Thanks for your assistance in advance.

Regards
Amar

Hello Amar,

This seems quite strange, the code should have worked alright from what I can tell.

For now, I see that you switched to Sparkling theme so I cannot really debug the issue without a live preview of the Illdy on the website.

Let me know if you want to give it another try or Sparkling it’s meeting your needs and there’s no need for further setups.

Regards

Thanks Ion. Sparkling is suiting my needs quite well, so would like to give a skip for time being.

Thanks Again.
Amar

Hi!
That code is not working for me, is there anything else I can try?
Thanks!

Hey @erizep,

Try adding the !important rule

.bottom-header{
display: none !important;
}

If this doesn’t work please provide the URL for you website so we can look into this for you.

Best Regards,
Support.

Hi @support
It’s still not working. however I’m using Shapely not Illdy.
The website is: http://erikazepeda.com/personal-statement/
I just want to remove the header image so that grey block isn’t there.
Thank you so much!
Erika