Five: Remove banner image on individual pages.

2 hours ago, divar said:

Hey Tuan, forgot to post the link in the original post. I want the banner image to not display when viewing on mobile. 

https://www.erheer.com/our-story

Thanks for taking a look at this!

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
/* remove our story banner */
body#collection-5e3ffc51ea5b4947235a7d12 section.Intro.Intro--has-image {
    display: none;
}
}

Thanks Tuan 👍  worked like a charm! 

Is there any way to show the banner on the main blog page, but not on the article entries.

If adding the code

#banner-area {display: none}

under the Advanced "Post Blog Item Code Injection," it removes the header from both the individual articles and the main blog page.

On 10/7/2022 at 12:21 AM, vcRBS said:

Is there any way to show the banner on the main blog page, but not on the article entries.

If adding the code

#banner-area {display: none}

under the Advanced "Post Blog Item Code Injection," it removes the header from both the individual articles and the main blog page.

Try adding this to Design > Custom CSS
 

body[class*="type-blog"].view-item #banner-area {display: none !important;}

Hi, I recently tried the custom code to remove the header banner, but it also got rid of the banner on all the other pages! I only input the code in one of the pages under the "Advanced" section. The banner appears in preview mode but disappears when I access my site in live mode. 

This is the code that I used:

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

Here is the link to my page: https://www.donutlook.com/. The banner should be gone on the "Home" page.
Banner should appear on the other pages. Here's an example: https://www.donutlook.com/leihoku

On 12/6/2023 at 4:21 PM, donutlook said:

Hi, I recently tried the custom code to remove the header banner, but it also got rid of the banner on all the other pages! I only input the code in one of the pages under the "Advanced" section. The banner appears in preview mode but disappears when I access my site in live mode. 

This is the code that I used:

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

Here is the link to my page: https://www.donutlook.com/. The banner should be gone on the "Home" page.
Banner should appear on the other pages. Here's an example: https://www.donutlook.com/leihoku

Can you take a screenshot of your Advanced section? (Maybe you added to Site wide advanced, instead of Page Advanced)

Also, you can disable Ajax Loading, sometimes Ajax can cause this problem