We have added a new modern page as the home page for our modern communication site, as follow:
but currently on the left and right sides of the page they is a lot of white spaces, so is there a way to remove/minimize this white space?
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It only takes a minute to sign up.
Sign up to join this communityWe have added a new modern page as the home page for our modern communication site, as follow:
but currently on the left and right sides of the page they is a lot of white spaces, so is there a way to remove/minimize this white space?
I believe you are seeing these spaces because of responsive nature of modern pages & it cannot be changed using out of the box capabilities of SharePoint online.
Check with other users having small resolution devices & see if they are also seeing the same space at left/right (I guess not).
Not recommended: You might be able to reduce the space by removing margin/padding of specific div
elements on the page by injecting custom CSS on pages using SPFx application customizer. But, it might not look good for smaller screen devices. Also, it is not recommended by Microsoft to inject custom CSS.
How can I include the same JS and CSS files on multiple SharePoint Modern Page?