Hello.

1. The order the navigation links display is dictated by the order of categories in admin (Admin > Catalog > Categories). Using the demo store as an example... If I wanted to swap BMX and Mountain Bikes in the top navigation, I'd change their order using the up/down arrows at the right side of each row here: https://demo.bvcommerce..../Catalog/Categories.aspx

If your store is set up like the demo store, you're already using the Category Menu Plus content block to generate your navigation. See demo store admin here: https://demo.bvcommerce....4-4f8f-99fe-037dd8b19554

If you're using the old Category Menu content block, you might consider replacing it with Category Menu Plus.

2. If you've duplicated the Bootstrap theme as the starting point for your store theme, you'll need to add a new property to a CSS rule in the following stylesheet: /BVModules/Themes/YOUR THEME FOLDER/MobileMenu/responsive-nav.css

Around line 82 you'll find this rule:




Add white-space:nowrap; and your dropdown links will force the drop down wider.

Like this...

Edited by user Thursday, September 7, 2017 12:35:41 PM(UTC)  | Reason: Not specified

2. No. You don't have to duplicate bootstrap. Be careful in the future that you don't overwrite your changes inside the bootstrap theme. Of course, either way you'll potentially have to merge theme changes in future versions into your theme.

Work that you've done so far setting up your navigation would not be effected by duplicating, renaming and switching your theme.

Bottom line. Both ways (1. duplicating 2. editing bootstrap theme directly) will potentially require some work to merge in changes/bug fixes that occur between now and then.

1. It sounds like you want to expose another level of navigation beyond what you are currently showing. Is that correct? That would expose the fourth level categories in the top navigation.

2. Can you post a screen grab of the settings page in admin for the Category Menu Plus content block that is assigned to the Nav content column.

Tip: You can navigate through admin to locate that block (Content > Content Columns > Nav + edit > Category Menu Plus + Edit). But there is a much easier way. To edit that content block, log in as admin and go to the homepage. Find the admin bar at the bottom of the screen and click the link that reads "Display Edit Links". Each of the content columns on the page will be highlighted in a semi transparent red overlay. Since the navigation is a content column which contains a content block it will be highlighted. Clicking anywhere on the highlighted navigation will take you directly to the edit screen in admin for the Nav content column. There you'll find the Category Menu Plus content block we're looking for. Click the Edit button.

Edited by user Thursday, September 7, 2017 7:09:57 PM(UTC)  | Reason: Not specified

Ah. OK. I understand.

Change the Category Menu Plus setting labeled "Default Expanded Depth" to 3. That should do the trick. You should then be able to see your level 2 links from anywhere on the site.

Would a font color change suffice for your hover effect? That's quite simple to implement.

Open the responsive-nav.css file (bvmodules/themes/YOUR THEME/mobilemenu/) and add this:

.resp-menu .categorymenuplus > ul > li > ul > li > ul > li:hover a {color:red;}

to line 89.

Michael,

The third-level (what you're calling "level 2") of nav is not styled (beyond what is inherited) in the out-of-the-box Boostrap theme. You are welcome to extend the styles as you see fit. The theme, after all, is merely a [excellent] starting point for a custom design.