css - How to make a horizontal drop down menu in a wordpress theme -
i making first wordpress theme. created horizontal menu, shows sub menu. i'd create drop down menu can see sub menu when put mouse on main menu voice.
this code in style.css:
/*** menu ***/ #mainmenu ul {margin: 0px 0 0px 0px;float:left;width:100%; list-style: none;} #mainmenu ul li {float: left;margin: 0 0px 0 0;position: relative;} #mainmenu {color: #fff; display: block;font: 14px;padding: 14px 20px;font-family: oswald; text-transform:uppercase;} #mainmenu a:hover {background:#666;} /* button responsive menu*/ .btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin: -15px 20px 0 0;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .icon-bar {display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);} .show{display:block!important}
i hope can me. thank you! :)
well make easy... there plugin provides need "max mega menu" can edit under menu , choose dropdown via hover or so. if not want additional plugins, have edit several files , add css stuff. google friend. sure here https://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link
Comments
Post a Comment