Forum Discussion
Header area for Modern Pages
Why is the header so tall and empty? I know that with Delve blogs there is place for a background image and in fact is sort of expected. But I don't see the same facility for SP Modern Pages.
Am I missing something?
65 Replies
- No, you are not...it simply does not provide a way to customize the banner :-(...topic discussed several times over here
Is there an official post covering the excessive white space in header area. We just started using modern pages across some sites (where the majority are still using pre-defined templates via a governed provisioning process), and users are not happy about this extra white space (complaining about having to scroll unnecessarily). In effect, it's now tagged as a productivity issue, and as a result, we are relunctant to move forward with it.
Seems the white space isn't as priminat on the mobile experience, which is great. Wondering why the UI/UX team chose to do this.
Bottom line. How do we get this fixed?
This is a HUGE issue for us too. Users will not want to move to the modern page as it is.
From this page:
Check out the image. No big giant white space on top! This is sneaky, Microsoft.
- I'll post my own workaround, too. I discovered this one while trying to 'convert' some sites from classic to modern. I wanted them to have a page with the homepage layout that doesn't have any banner.
First, go to the Site Pages library and download any of the modern pages. Next, open SP Designer, open Site Pages, then create a new ASPX and edit it in Advanced Mode.
Open up the page you downloaded into a text editor, such as Notepad, and copy everything. Back in Designer, replace the default ASPX code with your modern page code you just copied. Look for "<mso:PageLayoutType" and change it from "Article" to "Home". While you're here, you may see BannerImageURL. It doesn't appear to change anything at this time, so don't bother with it.
Save your page and then open it in a browser and you should have a new 'home' page.
