Rank: Member
Joined: 2/10/2017(UTC) Posts: 62 ![India]( "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.
|
|
|
|
|
|
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.