• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

NP
#1 Posted : Thursday, August 30, 2018 9:52:54 AM(UTC)
NP

Rank: Member

Joined: 2/10/2017(UTC)
Posts: 62
India
Location: Nashik, Maharashtra

Thanks: 6 times
Hello Team,

We are using BVC2018 version. We need to change Header designing in BVC. We are doing changes in "Themes\Bootstrap3 Responsive\Controls\Header.ascx" files.

While designing we face issue that "Category" menu get repeated some times when we add any div section.We need to align menu and Search user control in one line. Could you please help us to resolved this issue. Please find attached Header.ascx file in which we need to align menu and Search user control in one line.

Thank you for the Help !!!
File Attachment(s):
Header.ascx (9kb) downloaded 1 time(s).

You cannot view/download attachments. Try to login or register.
Nathan
#2 Posted : Thursday, August 30, 2018 1:05:46 PM(UTC)
Nathan

Rank: Member

Joined: 3/25/2013(UTC)
Posts: 37
Location: Hummelstown, PA

Was thanked: 4 time(s) in 3 post(s)
Hello,

This change requires an understanding of Media Queries, the Boostrap Grid, and jQuery.

To get the Nav and Search on the same row requires you to alter the Bootsrap Grid classes in header.aspx. You'll need two columns; 1 for the Nav and 1 for Search.

For example:

Quote:
<div class="row bottom">
<div class="col-md-8">Nav Here</div>
<div class="col-md-4">Search Here</div>
</div>


That change will result in 2 Nav menus being rendered at higher resolutions. To prevent this, you'll need to update the selectors in app.js where the Nav is moved around based on resolution.

See:
Quote:
$(".md-header .row + .row > div").append($(".resp-menu"));

Update that selector to point to the specific <div> where you want your menu to render.

What you're doing is changing where the menu renders in the DOM when the page width is at least 992px wide.

Hope this helps you out.
Nathan

Edited by user Thursday, August 30, 2018 1:06:35 PM(UTC)  | Reason: Not specified

Nathan Baker
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012