toggle button doesn't work on mobile devices (Login Page)

[crissodev]

Hi guys! Firstly, I wanted to thank you for high quality products you make

That being said, let's move to the issue: In the Login page, the toggle button doesn't work on mobile devices. This is the error: Cannot read property 'scrollHeight' of undefined.

I'm using the Bootstrap Light Dashboard Pro.

Does anyone know how to fix it? Thanks!

[groovemen]

Hello @crissodev, thank you for using our products and for your good thoughts! Also, sorry for this big delay with the response. Until the next update, I'll ask you to make few changes:

• please replace the line 168 (main_panel_height = $('.main-panel')[0].scrollHeight;) with this one: main_panel_height = $('.main-panel')[0],$('.wrapper-full-page')[0].scrollHeight;
• set these properties from the file attached below in one of the SASS files:

style.txt

Hope this information help you to solve the problem.

All the best, Stefan

[crissodev]

@groovemen thanks for your fast reply!

I tried what you told me and may I am wrong, but I couldn't make it work. I changed the 168 line on the light-bootstrap-dashboard.js file, and I also added that properties to any SASS file, but without success.

After this changes, there is no more error on the console. It simply doesn't do anything when I click the toggle button. Any idea?

[groovemen]

Hello again @crissodev, please set data-target="#navbar" for the .navbar-toggler button from the navbar. Let us know if it works after you make this modification.

Best, Stefan

[crissodev]

Hello @groovemen , thanks for your fast respond.

I tried what you have told me. Although it is not working properly, it resolves the button-without-action issue that we had.

So at this point, the action of calling the navbar from the toggle button is working fine. The new problem that we have is that the navbar appears to be broken when we call it.

Here I share you a screenshot. And please let me know if there is something more that I can try. crisso

[AndreasHohnholt]

Please solve the problem

[crissodev]

Guys any advance? Thanks! @groovemen

[JorgeRodriguez95]

whats is the solution for the button? there should not be errors in a premium template

[JorgeRodriguez95]

Guys any advance? Thanks! @groovemen

could you solve it?

[groovemen]

Hello guys,

Thank you for using our products and sorry for this late response. Here is a quick solution until the next update of the product:

.navbar-collapse.collapse.show {
    background: #FFF;
}

also for the nav-link:

.navbar-nav .nav-item .nav-link {
    color: #000;
}

.wrapper-full-page .navbar .nav-link i {
    top: 10px;
}

Hope that information helps you. Please let us know if we can help you with anything else. All the best, Stefan