How can we help you today?

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 hiddenActual result: Page Title is visible
Page title is hiddenPage 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;    
     }
}


Please, copy it to the clipboard.


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


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


UtilitiesCustom CSS


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


Paste the custom CSSApply the custom CSS

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


Page Title is hidden


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 23 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more