Jump to content


Photo
Hero Nav

Any way to add child menu separators?



Best Answer Evan Mattson , 23 March 2014 - 02:29 AM

Hey @onlyamd4000,

 

Sorry for the delay,

 

Try this:

 
.section-hero-nav .sub-menu > li + li {
    border-top: 1px solid #FFC0CB;
}

I've used pink here to make it easy to see, but this will put separators between each dropdown menu item.

 

Simply adjust the width style and color to your liking :)

 

See the result here: http://cl.ly/image/153v342L3l1z

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 onlyamd4000

onlyamd4000

    Member

  • Validating

  • 22 posts
  • Framework Version:1.0
  • Country: Country Flag

Posted 22 February 2014 - 08:48 PM

Any way to add child menu separators in Hero Nav?  In a future release or some coding advice?  Also, I was trying to add this question in Evan's forum but i'm getting a message to choose a prefix but nothing obvious is standing out.   Thanks

 

heronav.jpg

 

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15242 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 23 February 2014 - 12:07 PM

Hi,

 

If you're using Evan's HeroNav section and want to achieve this customization, you go to his forum and choose the product you're using, in your case HeroNav.

 

I've done this for you.



#3 Evan Mattson

Evan Mattson

    Super Member

  • Members

  • 206 posts
  • LocationAnn Arbor, MI
  • Framework Version:latest stable & beta releases
  • Country: Country Flag

Posted 23 March 2014 - 02:29 AM   Best Answer

Hey @onlyamd4000,

 

Sorry for the delay,

 

Try this:

 
.section-hero-nav .sub-menu > li + li {
    border-top: 1px solid #FFC0CB;
}

I've used pink here to make it easy to see, but this will put separators between each dropdown menu item.

 

Simply adjust the width style and color to your liking :)

 

See the result here: http://cl.ly/image/153v342L3l1z



#4 onlyamd4000

onlyamd4000

    Member

  • Validating

  • 22 posts
  • Framework Version:1.0
  • Country: Country Flag

Posted 23 March 2014 - 03:12 AM

Worked absolutely perfect.  Thanks so much for the response.







Also tagged with one or more of these keywords: Hero Nav