Navigation
Archive / Navigation – Box-Shadow line when active/hovering in/over submenu color CSS
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 18, 2017 at 11:26 am #1335322
    noahhurst
    Participant

    The navigation box-shadow color bar won’t change. I have attached a GIF. This is in regards to when I move my mouse into the submenu.

    
	.x-navbar .x-nav > li > a:hover,
	.x-navbar .x-nav > .current-menu-item > a {
		-webkit-box-shadow: inset 0 2px 0 0 rgb(239, 180, 42) !important;
		box-shadow: inset rgb(239, 180, 42) 0px 4px 0px 0px !important;
	}

    Thanks for the help.

    January 18, 2017 at 11:33 am #1335332
    noahhurst
    Participant

    Of course literally less than 5 minutes after I post this I and an epiphany and figured it out. I will post code in case others are having the same issue.

    
	.x-navbar .x-nav > li.x-active > a:link,
	.x-navbar .x-nav > li > a:hover,
	.x-navbar .x-nav > .current-menu-item > a {
		-webkit-box-shadow: inset 0 2px 0 0 rgb(239, 180, 42) !important;
		box-shadow: inset rgb(239, 180, 42) 0px 4px 0px 0px !important;
	}

    Sorry to waste anyones time.

    January 18, 2017 at 11:35 am #1335335
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1335322 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>