Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Removing header on a couple of pages


Recommended Posts

Site URL: https://www.ortner-china.com/

Dear all,

I currently have a number of pages for which I have used the following code to switch off the header. However, I feel the code might be faulty, since it does sometimes show up a plane, blue colored header (see images attached).

<style>
  .page-banner-wrapper {display:none;}
</style>

I'd like to turn off the header for all pages but the home page. Could anyone suggest an alternative style code to do so? Thanks! 

屏幕快照 2021-05-19 上午10.28.10.png

屏幕快照 2021-05-19 上午10.28.20.png

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Hi. You mean Header or Page Banner Header??

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Edit page where you want to remove header >> Add a Code Block (anywhere) >> Paste this code

<style>
  header#header, .mobile-bar-wrapper {
    display: none;
}
</style>
  

image.thumb.png.bcdfd974bad2f25cc86a47a3f136a74c.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
On 5/24/2021 at 4:46 PM, tuanphan said:

Edit page where you want to remove header >> Add a Code Block (anywhere) >> Paste this code


<style>
  header#header, .mobile-bar-wrapper {
    display: none;
}
</style>
  

image.thumb.png.bcdfd974bad2f25cc86a47a3f136a74c.png

Hi, thank you. I think this code only hides the banner on mobile devices, how can I hide it on desktop and on mobile?

Link to comment
5 hours ago, P_O said:

Hi, thank you. I think this code only hides the banner on mobile devices, how can I hide it on desktop and on mobile?

Use this

<style>
  header#header, .mobile-bar-wrapper, .page-banner-wrapper {
    display: none;
}
</style>
  

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
15 hours ago, tuanphan said:

Use this


<style>
  header#header, .mobile-bar-wrapper, .page-banner-wrapper {
    display: none;
}
</style>
  

 

I think this one works great, thank you!!

Link to comment
19 hours ago, tuanphan said:

Use this


<style>
  header#header, .mobile-bar-wrapper, .page-banner-wrapper {
    display: none;
}
</style>
  

 

I seem to still get the header error on mobile, please see image. 

2461622114498_.pic.jpg

Link to comment

Mobile looks fine here. Try reload the page

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...