Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #87550
    riccrom123
    Member

    Hi,
    hi make some menu effect with this css:

    #header-menu ul.menu li {
    	border-bottom: thick solid #31246e;/*253f80*/
    }
    #header-menu ul.menu li:hover > a,
    #header-menu ul.menu a:focus {
    	background: #253f80;
    }
    
    #header-menu ul.menu li:hover {
    	border-bottom: thick solid #00a5e9;
    }
    
    #header-menu {
    	border-top: 2px solid #fff;
    	/*background: #31246e;*/
            box-shadow: 10px 10px 5px #dedede;
    }
    
    @media screen and (min-width: 961px) {
        #content {
            border-right: 2px solid #D8D8D8;
            padding-right: 13px;
        }
    }
    
    @font-face {
        font-family: "Abel";
        font-style: normal;
        font-weight: 400;
        src: local("Abel"), local("Abel-Regular"), url("https://fonts.gstatic.com/s/abel/v6/_c5D7Wxu-NSk4vT8jUYrkQ.woff") format("woff");
    }
      
    #header-menu ul.menu a {
        font-family: Abel;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 2em;
    }

    Now the problem is that the submenu doesn’t work and the bottom line changhe the heigth of the menu.

    How can I fix this?

    #87551
    riccrom123
    Member
    #87588
    Mahesh
    Keymaster

    @riccrom123: Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

    #header-menu ul.menu li {
        border-bottom: thick solid #31246e;
    }
    
    #header-menu ul.menu li:hover a {
        color: #444444;
    }
    
    #header-menu ul.menu ul li {
        border-bottom: thick solid #f9f9f9;
    }
    
    #header-menu ul.menu ul, .sidebar-top .widget_nav_menu ul.menu ul {
        top: 2.7em;
    }
    
    #header-menu ul.menu ul a, .sidebar-top .widget_nav_menu ul.menu ul a {
    	width: 185px;
    }

    Regards,
    Mahesh

    #87604
    riccrom123
    Member

    Thank you Mahesh!

    #87611
    Mahesh
    Keymaster

    @riccrom123: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu effects’ is closed to new replies.