<div>
ah. How did you debug to find what's missing?
</div>


ah. How did you debug to find what's missing?

<div>
Looked at the original template link and compared what was happening in the console to your code.<br />
<br />
On the original link when you click the hamburger menu the padding on the main container changes - from there it was a case of simply highlighting the container and viewing the styles window to see what changed when the hamburger was clicked. <br />
<br />
This showed the above style coming into play when the hamburger was clicked.
</div>


Looked at the original template link and compared what was happening in the console to your code.

On the original link when you click the hamburger menu the padding on the main container changes - from there it was a case of simply highlighting the container and viewing the styles window to see what changed when the hamburger was clicked.

This showed the above style coming into play when the hamburger was clicked.

<div>
<div class="content wysiwyg-content">
1. I bought this template <a href="http://www.tattek.sk/minotaur-dash2/#/app/dashboard" rel="ugc">http://www.tattek.sk/minotaur-dash2/#/app/dashboard</a><br />
and I'm customizing it. <br />
<br />
2. On the link above, click on the &quot;hamburger&quot; on top. You see how the side menu shrinks and <b>the main content expands</b><br />
<a href="https://filedb.experts-exchange.com/incoming/2018/04_w17/1303871/hamburger2.png" target="_blank" title="works (82 KB)"><img alt="works" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/04_w17/800_1303871/hamburger2.png" /></a><br />
3. In my site, the side menu shrinks but the <b>main content doesn't expand</b><br />
<br />
You can see it here:<br />
<br />
Site: <a href="http://147.75.0.117:88" rel="ugc">http://147.75.0.117:88</a><br />
<br />
Login with admin@admin.com / Password321$<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/04_w17/1303872/hamburger.png" target="_blank" title="doesn't work (198 KB)"><img alt="doesn't work" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/04_w17/800_1303872/hamburger.png" /></a><br />
4. I checked the Chrome Developer's tool and I see the CSS tag being added<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/04_w17/1303873/hamburger3.png" target="_blank" title="css (10 KB)"><img alt="css" class="file-block lazyload" style="max-width: 640px;" data-src="https://filedb.experts-exchange.com/incoming/2018/04_w17/1303873/hamburger3.png" /></a><br />
5. I also put debug step in the demo site (I have the code locally from Themefoest).. There's a function <b>setSmallNavigation() </b>but &nbsp;I commented it out and the demo still worked.<br />
<br />
I'm not sure what I'm missing.
</div>
</div>


hamburger.png

hamburger3.png

hamburger2.png

1. I bought this template http://www.tattek.sk/minotaur-dash2/#/app/dashboard
and I'm customizing it. 

2. On the link above, click on the "hamburger" on top. You see how the side menu shrinks and the main content expands


3. In my site, the side menu shrinks but the main content doesn't expand

You can see it here:

Site: http://147.75.0.117:88

Login with admin@admin.com / Password321$



4. I checked the Chrome Developer's tool and I see the CSS tag being added



5. I also put debug step in the demo site (I have the code locally from Themefoest).. There's a function setSmallNavigation() but  I commented it out and the demo still worked.

I'm not sure what I'm missing.

AngualrJS (Maybe Bootstrap) - &quot;hamburger&quot; doesn't expand the content

The .NET Framework is not specific to any one programming language; rather, it includes a library of functions that allows developers to rapidly build applications. Several supported languages include C#, VB.NET, C++ or ASP.NET.

.NET Programming

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

AngualrJS (Maybe Bootstrap) - &quot;hamburger&quot; doesn't expand the content

AngualrJS (Maybe Bootstrap) - "hamburger" doesn't expand the content