Hide header background on specific page
The topic ‘Hide header background on specific page’ is closed to new replies.
Need help? Check out our Support site, then
Dear all
Target: Just to show the title on the top of a specific page without a picture.
I hid the picture in the header on a specific page. If I do that, it shows me still a grey background in the header. I would like to remove the grey background so there just remains the title of the site.
Thanks in advance.
Kind regards
Emanuel
The blog I need help with is: schwarzcommunication.ch
Hello Emanuel,
“I would like to remove the grey background so there just remains the title of the site.”
– Please try this custom CSS as a temporary solution to hide background in the page header in singular views:
.singular-page-header:not(.has-background-cover) {
background: none;
margin-bottom: 0;
height: auto;
}
.singular-page-header:not(.has-background-cover) .container {
padding-bottom: 2rem;
}
@media (min-width: 768px) {
.singular-page-header:not(.has-background-cover) {
height: 15em;
}
}
We have plans to include a page template which displays the page header without a background in the upcoming theme updates.
Please let me know if you have any additional questions.
Kind regards,
Taras
The topic ‘Hide header background on specific page’ is closed to new replies.