Need your help in removing white space from the page after including Offcanvas component.
In the screen shot below, when the window is in full screen, the content appears surrounded by white space on both the sides. Is there a way to remove this white space, so that the content appears close to the offcanvas border and covers the entire screen space available.
Thanks @ben for the solution.
Changing the container type to Fluid helped in removing the right hand space, which now is occupied by the content, however, the left side space still remains.
Can anything be done to reduce the left side blank space?
/* Adjust the margin of the main content */
main {
margin-left: 270px; /* Adjust the same width as offcanvas-start */
-webkit-transition: margin-left .5s;
transition: margin-left .5s; /*sliding effect*/
}
Also, adding Brad suggestion (you can use incognito or force reload with ctrl+shift+R) remember to have the custom css file after the bootstrap css file like: