0

I need to create the layout bellow in SharePoint Online.

Please notice this requirements:

  1. There should be no left side navigation.
  2. The Search functionality should be on the top right corner.
  3. The page should be responsive so that, in small screens, web parts that are side-by-side should get on top of each other instead.

enter image description here

  • The top banner should be 100% of the screen and the content bellow should be centralized – jose luis gonzalez clua Apr 23 at 18:57
  • I was able to use responsive layout by adding sections. It works great. My biggest issues are items 1 and 2. – jose luis gonzalez clua Apr 23 at 18:59
  • Search is moving to the suitenav, something you won't be able to manipulate. No left side navigation can be done on Communication sites (they're configured this way OOTB). – Trevor Seward Apr 23 at 23:21
1
  1. There should be no left left side navigation. = You can change it by, clicking on gear, change the look then at the bottom you see the classic change the look option, click it, you will be redirected to the classic page on changing the looks option, click the current layout, then at the left side, you can see a dropdown option for site layout, change the 'Seatle' to 'Oslo' then save it, see the update in the site.

    1. The Search functionality should be on the top right corner. = Im not sure if this is doable in modern, you can create a custom webpart dedicated for this piece via spfx webpart but it would be a bit overkill

    2. The page should be responsive so that, in small screens, web parts that are side-by-side should get on top of each other instead. = Modern sharepoint will do this for you. You can also test it out in their SharePoint App, its in the apps store.

Let me know if the concept helps, happy learning!

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.