I’m happy with it at the top of the page but it’s misaligning the whole page now and pushing the copy down the page.
]]>I took over a site from a previous developer but I can only use page builders and not familiar with code.
On this site, all the pages EXCEPT the home page have a header image. Even the products page (which is actually https://mle.co.za/shop/) has a ugly section at the top where the other sites have header image.
I want the other pages to also not have an header image, like the home page. I looked at other posts and tried using their code in Custom CSS but it does not work. Then also I looked at the template being applied to the page and the home page is default template, so I tried applying that…no go.
Even if I try “Blank Page” under the list of templates to apply, doubles up the header image!?
The theme is a child theme of Layers, called Techedu.
Thank you in advance
]]>In Appearance => Customize => Additional CSS I have added this code but Menus was also disappeared alongwith header image:
@media only screen and (max-width: 768px)
{.site-header { display: none !important; }
}
So what does the CSS need to be to hide the header image for mobiles please (making sure the menu buttons will display properly).
]]>I tried using variations of this, but can’t get it to work:
my website- https://onlinestudyindia.com
I tried using variations of this, but can’t get it to work:
.page-id-1934 .custom-header {
display: none;
}
Please could tell anyone tell me where I am going wrong?. I’m putting it into the child theme .css
]]>I am trying to remove the “header image” from my pages. I want to keep it in om my landing page, but remove it on all the other pages. I have tried everyting but do not manage to remove it. I have changed between several themes but it’s the same all the time. My current theme is called “Shoreditch”
Would really appreciate some help!
]]>