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

Notification

Icon
Error

michael_b
#1 Posted : Wednesday, September 13, 2017 1:28:33 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 39

Thanks: 2 times
How can I move all options in Top Navigation Menu in BV 2017 to the middle of the page? Currently whatever we create to appear in Top Nav aligned to the left...what I'm trying to do is to move all content(options in Top Nav) to the middle of the page.

Edited by user Wednesday, September 13, 2017 1:29:31 PM(UTC)  | Reason: Not specified

Nathan
#2 Posted : Monday, September 18, 2017 9:28:07 AM(UTC)
Nathan

Rank: Member

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

Was thanked: 4 time(s) in 3 post(s)
To center the navigation, edit the the responsive-nav.css file in your theme.
/BVModules/Themes/YOURTHEME/MobileMenu/responsive-nav.css


Change line 70 and 71 to this:
.resp-menu .categorymenuplus > ul {margin:0;list-style:none;padding:0;height:50px;text-align:center;}
.resp-menu .categorymenuplus > ul > li {float:none;display:inline-block;}




Nathan Baker
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#3 Posted : Monday, September 18, 2017 9:57:58 AM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 39

Thanks: 2 times
Nathan,

I followed your instruction and Top Nav was moved to the center, thank you...but...all options under the main Nav also moved to the center. Please check attached image.
michael_b attached the following image(s):
sub-nav-centered.JPG (18kb) downloaded 2 time(s).

You cannot view/download attachments. Try to login or register.
Nathan
#4 Posted : Monday, September 18, 2017 10:50:41 AM(UTC)
Nathan

Rank: Member

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

Was thanked: 4 time(s) in 3 post(s)
Add the bold rule below to line 71.

.resp-menu .categorymenuplus > ul > li {float:none;display:inline-block;text-align:left;}
Nathan Baker
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#5 Posted : Monday, September 18, 2017 10:58:15 AM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 39

Thanks: 2 times
It worked, thank you Nathan!
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.

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