Subtle bottom bar on dropdown menu

Home Forums WordPress Themes – Premium Circumference Subtle bottom bar on dropdown menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14782
    Chris
    Participant

    How do you create the bottom bar on your dropdown menu of the circumference sample?

    #19298
    Sushil Adhikari
    Moderator

    I added a bottom border to the menu’s

      tag, like this (line 3194) which is already there for the menus.

      
      .nav-menu .sub-menu,
      .nav-menu .children {
      	margin:0;
      	padding: 1em 0;	
      	-webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.3);
      	box-shadow: 0 8px 8px 0 rgba(0,0,0,.3);
      	border-bottom: 0.813em solid #dd992a;
      	border-top: 0;
      	text-align: center;
      	display: none;
      	position: absolute;
      	z-index: 99999;	
      }
    #19299
    Chris
    Participant

    So, I’m adding this to custom CSS

    .nav-menu .sub-menu,
    .nav-menu .children {
    padding: .5em 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    border-bottom: .75em solid #5c646b;
    }

    The drop shadow is working but the color on the bottom bar is not.

    Any ideas why it wouldn’t be showing up? Here’s the link… http://dev.csdesignonline.com/

    If you hover over the “Services” tab you will see where I’m trying to add the bar.

    Love this theme!

    #19301
    Sushil Adhikari
    Moderator

    The colour of the bottom border is actually controlled from the Nav tab on the theme’s customizer for the “Submenu Bottom Border” setting. The colour setting in the css itself is just used as a fallback colour.

    #19305
    Chris
    Participant

    And that’s why one should not work through the middle of the night!

    Thanks!

    #14783
    Sushil Adhikari
    Moderator

    lol… trust me, I know what that is like myself….every week living on coffee :woohoo:

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.