Known Issue: Page Title Cannot Be Hidden on Mobile Devices

If you have hidden the Page Title from the ShortPoint Theme Builder (General Settings > Elements > Hide Page Title), but still can see it on mobile devices, this article is for you.

Expected result: Page Title is hidden	Actual result: Page Title is visible

Reason

This behavior is considered as an issue in the product. It will be fixed in our upcoming support release.

Meanwhile, you can apply a workaround to hide the Page Title.

Workaround

You can hide the Page Title area on mobile devices using some custom CSS. 

Here is the code to hide the Page Title on mobile devices (768px screen width and below):

@media screen and (max-width: 768px) {    
     #spPageChromeAppDiv section article [data-automation-id="pageHeader"] {    
        display: none !important;    
     }
}

Open the ShortPoint Theme Builder (Site contents / Site settings > ShortPoint Dashboard > Theme Builder).  

In the Theme Builder menu, navigate to Utilities > Custom CSS:

Paste the copied CSS code to the Custom CSS field. Then, click Apply (1) and then Publish (2) to save your changes:

That's it. Now the Page Title will be hidden on mobile devices: 

Related articles:

• Getting Started with ShortPoint Theme Builder - Modern SharePoint Sites (Part 1)
• Getting Started with ShortPoint Theme Builder - Modern SharePoint Sites (Part 2)
• Customizing SharePoint Modern Sites Layout (Office 365): SharePoint Change the Look vs. ShortPoint Modern Theme Builder