Removing Intro Header from Mobile View

Comments

• Phil

  May 2022

  Hi,

  Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Phil

  May 2022

  Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  @media only screen and (max-width: 767px){
     #Intro{
        display: none;
     }
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Martycz

  May 2022

  Thank you very much, that worked perfectly.

  Do you please know if this would have any effect on SEO? In the Intro header is the article title in h1. I am not sure if I should now go back to all my articles and create a mobile view section with the title so that the title remains on mobile too.

  Or it is fine because the CSS hides the intro from being displayed on mobile but h1 still remains in the code so it does not really matter?

  Thank you
• Phil

  May 2022

  Even when a display attribute is set to none, the element DOM is still visible to the search engines.

  So no, it will not affect your SEO, and you do not have to recreate that for mobile devices.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next