Prevent responsive design / Sidebar 'display:none'
how to prevent the responsive design especially 'display:none' for the sidebar?
Used version: Metronic 8.1.6 / HTML
I was able to 'fix' the sidebar with the option
This is not documented?
But know I have the problem, that the content slides under the sidebar (This can be reproduced with the official demos).
What to do here?
May I know which Metronic demo are you referring and how to reproduce that bug ?
Do you want to disable responsiveness for the entire layout and content? To do so you can refer to this site and change the meta code to disable the responsive mode.
Sure, I'm using demo 36.
For reproducing I used the demo36 standard index.html and changed the following css (from display:none):
@media (max-width: 991.98px)
Is this the wrong way? Could you tell me the correct one how to make the sidebar permanently visible and prevent the 'content sliding' for the mobile view?
Any help is much appreciated.
Please follow the below steps:
data-kt-drawer="true" attribute from the sidebar
d-flex class to the sidebar element.
3) Go to
src/sass/layout/_sidebar.scss and add below code:
margin-left: $app-sidebar-base-width !important;
Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.
Sorry for that late answer.
I did as you said. But instead of a recompiling (I'm using, the html files only) I added the following to the style.bundle.css:
margin-left: 225px !important;
225px because I added
Result is not what I need