mobile menu not working when searchform is removed

[CrazyDoubleJ]

Hi

I removed the social media stuff and the search form from the top header row. Only a few of the <li><li></li>
elements are left (About us, contact us … in your template).

Now, if I narrow the browser window to mobile view, the menu does not work properly. In Firefox the menu expands but immediately collapses again. In Chrome and IE just a small black bar shows up for an instant.

If I past the search form code back in the code everything works fine.

in full width view no problems occur at all.

Do you have any idea what I am missing here? Thanks a lot in advance for your support!

---

[Support]

Hello,

I did a few tests here and I actually wasn’t able to reproduce the issue.

Can you please confirm if you remove those?

If you could send me the URL would be awesome, so I can check it here.

Thanks.

---

[CrazyDoubleJ]

Hi there

Thanks for your quick reply!

The <nav> part is still there, it looks like this

<header id="header">
        <div class="container">
            <h1 class="logo">
                <a href="index.html">
                    <img alt="japantee.ch" title="japantee.ch" width="92" height="100" data-sticky-width="37" data-sticky-height="40" src="/Sources/Own/img/logo.png">
                </a>
            </h1>           
            <nav>
                <ul class="nav nav-pills nav-top">
                    <li>                      
                        <a href="mailto:[email protected]"><i class="fa fa-envelope"></i>Kontakt</a>                        
                    </li>
                  
                    <li>
                        <a href="contact-us.html"><i class="fa fa-angle-right"></i>AGB</a>
                    </li>
                    <li>
                        <a href="contact-us.html"><i class="fa fa-angle-right"></i>Anmelden</a>
                    </li>
                </ul>
            </nav>
            <button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
        </div>

I am building an ASP.NET application. Interesting thing is: when the search box does not exist then a postback to the server occurs which makes the menu collapse. When I add the search box block then no postback occurs and the menu works fine.

The page is not public available yet, I could provide you with the html files though if that helps.

Thanks
JJ

---

[Support]

Hello, this thread can be helpful:

ASP.NET: Menu not appearing when I change the window size

Please let me know if the problem persists.

Thanks.

---

[CrazyDoubleJ]

wonderful, now it works like a charm!

thank you very much for your great support!

---

[Author]

Posts