Another question about translucent drop down menu

Support Area Forums Agency Another question about translucent drop down menu

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 2 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://globalfaithmission.org
  • Author
    Posts
  • #25335

    Kaylan Wells
    Participant

    I read you post concerning translucent drop down menu 5 months ago and made the changes you suggested and it looks great! I was wondering if there was a way to add the same translucence when hovering over the main navigation? Thanks in advance for your help.

    #25338

    Bill Robbins
    Keymaster

    Kaylan,

    That is an excellent question. You can do that. Where you have this style in your Custom CSS:

    
    #header #nav-bar .menu li a:hover,
    #header #nav-bar .menu li:hover {
    	background: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    

    Change it to be like this:

    
    #header #nav-bar .menu li a:hover,
    #header #nav-bar .menu li:hover {
    	background-color: rgba(0,0,0,0.3);
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    

    and that should make the hover background approximately the same color/opacity as the drop-down menus. Since they overlay the navigation menu background, we have to use a slightly less opaque background than the drop-downs to get the same look.

    Let me know if you have any trouble or questions.

    Have a great week,
    Bill

    #25341

    Kaylan Wells
    Participant

    Thank you! That was perfect!

    #25343

    Bill Robbins
    Keymaster

    Fantastic Kaylan 🙂

    Let me know if you need anything else.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Another question about translucent drop down menu’ is closed to new replies.