Remove left side navigation in a custom masterpage

Question

I'm trying to remove the left navigation completely in a custom SharePoint 2013 master page and have created a CSSregistration link to a custom CSS style sheet with the following CSS. While the CSS for the titlerow is applied, the other is not.

<style type="text/css">
.ms-core-sideNavBox-removeLeftMargin {
display: none !important;
}
#contentBox {
margin-left:20px !important;
}
#s4-titlerow{ 
display: none !important;
}
</style>

Doing it with CSS won't get rid of the quick launch so in my .html file i just removed everything between the div tag holding the sideNavBox. This fixed my problem and removed the quick launch but i'm unsure if this is really the correct or necessary way to do it? I thought that i could get rid of any element by using a custom CSS file.

This is the div tag i removed everything from. Uploaded and published the html file and the quick launch gone. Am i doing it wrong?

<div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">

</div>

Answer 1

If you are not using Quick Launch then it is better to remove from the Master Page instead of hiding.

There is no problem doing that.