- This topic has 4 replies, 2 voices, and was last updated 8 years ago by Mahesh.
Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
March 15, 2016 at 7:53 pm #87550riccrom123Member
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?
March 15, 2016 at 7:56 pm #87551riccrom123Memberthe website:
March 16, 2016 at 10:42 am #87588MaheshKeymaster@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,
MaheshMarch 16, 2016 at 3:40 pm #87604riccrom123MemberThank you Mahesh!
March 16, 2016 at 4:47 pm #87611MaheshKeymaster@riccrom123: Thank you for your appreciation. Have a nice day!
Regards,
Mahesh -
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Menu effects’ is closed to new replies.