SharePoint list hide see all

You have to hide the quick launch through CSS.

If its just for one page add a Script Editor to the page with the following in it:

Does it matter where I insert it? I just clicked onto the first webpart and inserted the code on the homepage.

When I type in the code in I can actually see it moving the margin as I type it in it actually moves the margin, but when I hit save, it reverts and changes the code to this for some reason:

Again I'm selected the code and choosing embed code.

You put the code in a web part named "Script Editor" add that web part to the page first.

SharePoint removes code placed in the page directly

Edit Page > Insert Web Part > Media and Content > Script Editor - Add

Edit Script Editor Web Part > Click "Edit Snippet" - Paste code in and Save.

You could rename WebPart to something like "Hide Quick Launch"

Hmm I followed those directions exactly, and it's still showing the site contents as shown below:

Result: No change

Try manually typing the code in.

I tried copying my text from above and pasting it, and it didn't work for me either.

As soon as I removed the #sideNavBox and typed it back in, it worked.
Must be some weird formatting.

Dan

Edit: copying this should work:#sideNavBox { display:none; }

That did it! Thank you very much! :D

I can create another post for this, but I figured unless you knew off the top of your head, is there a way way to move scrunch the webpart zones closer together?

For example the layout for this page has two columns for the webparts. The right webpart can be moved over to the left, because the left is really small.

When you Edit the page, there is a "Text Layouts" button in the format layouts ribbon.

Short of switching up that view, you could do some CSS changes on the page or create your own Page Layout through the Design Manager.

To find out what to change in CSS I always use my browsers F12 tools.
Chrome is good for this. Hitting F12 and then using the Select an Element tool lets you see what Classes and IDs each element has to reference it and change widths Etc.

Its hard to tell from your screen shot what layout you are using.

Edit: from your screen shot you have a comment showing, I think if you hover over your name or picture it may generate a fly-out to the right which could be why there is a large gap. Again you could hid this fly-out through CSS, but could be difficult.

I was having the same issue as others, copy/pasting the multiline thing was not working.

Once I copied and pasted the statements in one single line, everything worked.

Thank you all!

THIS IS THE SOLUTION YOU HAVE TO COPY/PASTE:

#sideNavBox { display:none; }