I've cloned the Stock Header in Service Portal and made some aesthetic changes. However, one thing I've noticed is that for drop-down menus, don't seem to work when the browser screen is diminished. This is what the header looks like on a normal browser size:
And this is what it looks like when the screen is smaller:
The navbar menu looks fine, but when I click on Moments That Matter link on a smaller screen, the navbar just closes and the Test sub-menu does not even appear. Am I missing something from the out of the box code that is causing this?
<!-- Include The Menu -->
<sp-widget widget="data.menu"></sp-widget>
<ul ng-if="::(!user.logged_in && page.id != portal.login_page_dv && !data.hasLogin)" class="nav navbar-nav">
<li><a href ng-click="openLogin()">${Login}</a></li>
</ul>
Hi David,
The standard behavior if you click the "moments that matter" text is the menu will simply close versus drop down. If you click the "disclosure triangle" it will show the drop-down. I have a glyph on the menu item on my "Courses" that drops down the menu option and makes it much easier to use on a phone as the triangle is hard to activate. I do think it would be better to hit the text and drop down the menu though as that seems the most intuitive.
Best,
Jon Becker
CTO, PlatCore
