2

Closed

Responsive layout branding fix

description

The branding view is placed into the navigation zone which renders the responsive menu UI incorrectly. The branding view needs to be outside the <div class="nav-collapse collapse"> class in order to display correctly.

Suggested solution to create a new zone for branding placed before <div class="nav-collapse collapse"> and assign branding to this new zone.

Layout.cshtml
WorkContext.Layout.Branding.Add(New.Branding(), "0");
@Zone(Model.Branding)
 <div class="nav-collapse collapse">
Theme.txt
Zones: Branding, Header, Navigation, Featured ...
To replicate, shrink window below 980px and see site title disappear from navigation. Expanding the menu will display the branding view inside the dropdown menu.
Closed Dec 19, 2013 at 11:11 PM by psenechal
Moved to GitHub. Problem should be resolved.

comments

Sid_S wrote Jun 28, 2013 at 1:22 AM

Seeing the same issue, came over here to report and noticed this ticket already open. I would have attempted a fix myself but just figuring out Orchard's plumbing myself ... Tried creating a "Zone-Navigation.cshtml" but that killed it completely :(