daily pastebin goal
56%
SHARE
TWEET

Untitled

a guest Apr 16th, 2018 47 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .genesis-nav-menu .menu-item:hover > .sub-menu,
  2. .genesis-nav-menu .menu-item:focus > .sub-menu {
  3.     display: block;
  4.     left: auto;
  5.     opacity: 1;
  6. }
  7.  
  8. .genesis-nav-menu .sub-menu {
  9.     display: block;
  10.     clear: both;
  11.     position: static;
  12.     z-index: 99;
  13.     width: 100%;
  14.     margin: 0;
  15.     padding-left: 15px;
  16.     opacity: 1;
  17. }
  18.  
  19. .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu,
  20. .genesis-responsive-menu .genesis-nav-menu .menu-item:focus > .sub-menu {
  21.     display: none;
  22. }
  23.  
  24. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  25.     display: none;
  26.     clear: both;
  27.     position: static;
  28.     z-index: 99;
  29.     left: -9999px;
  30.     width: 100%;
  31.     margin: 0;
  32.     padding-left: 15px;
  33.     opacity: 1;
  34. }
  35.  
  36.  
  37. in media query
  38.  
  39. .genesis-nav-menu .sub-menu {
  40.     position: absolute;
  41.     width: 180px;
  42.     padding-left: 0;
  43.     border-top: 1px solid #eee;
  44.     opacity: 0;
  45.     -webkit-transition: opacity 0.4s ease-in-out;
  46.     transition: opacity 0.4s ease-in-out;
  47. }
  48.  
  49. .genesis-nav-menu .sub-menu a {
  50.     width: 180px;
  51.     padding-top: 15px;
  52.     padding-bottom: 15px;
  53.     border: 1px solid #eee;
  54.     border-top: 0;
  55. }
  56.  
  57. .genesis-nav-menu .menu-item:focus .sub-menu:focus,
  58. .genesis-nav-menu .menu-item:hover .sub-menu:hover {
  59.     z-index: 100;
  60. }
  61.  
  62. .genesis-nav-menu .sub-menu:focus-within {
  63.     opacity: 1;
  64. }
  65.    
  66. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  67.     position: absolute;
  68.     width: 180px;
  69.     padding-left: 0;
  70.     border-top: 1px solid #eee;
  71.     opacity: 0;
  72.     -webkit-transition: opacity 0.4s ease-in-out;
  73.     transition: opacity 0.4s ease-in-out;
  74. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top