プラグインMeanMenuについての質問です。
https://www.meanthemes.com/demo/meanmenu/demo.html
こちらのデモページでメニューを開いた時の1番上
TOP LEVEL LINK + の +の囲い部分を押せば子メニューが開きますが
TOP LEVEL LINKの囲いの部分をクリックしても開くようにするにはどうすれば
いいでしょうか。
###該当のソースコード
css
1/* hide the link until viewport size is reached */ 2a.meanmenu-reveal { 3 display: none; 4} 5 6/* when under viewport size, .mean-container is added to body */ 7.mean-container .mean-bar { 8 float: left; 9 width: 100%; 10 position: relative; 11 background: #0c1923; 12 padding: 4px 0; 13 min-height: 42px; 14 z-index: 999999; 15} 16 17.mean-container a.meanmenu-reveal { 18 width: 22px; 19 height: 22px; 20 padding: 13px 13px 11px 13px; 21 position: absolute; 22 top: 0; 23 right: 0; 24 cursor: pointer; 25 color: #fff; 26 text-decoration: none; 27 font-size: 16px; 28 text-indent: -9999em; 29 line-height: 22px; 30 font-size: 1px; 31 display: block; 32 font-family: Arial, Helvetica, sans-serif; 33 font-weight: 700; 34} 35 36.mean-container a.meanmenu-reveal span { 37 display: block; 38 background: #fff; 39 height: 3px; 40 margin-top: 3px; 41} 42 43.mean-container .mean-nav { 44 float: left; 45 width: 100%; 46 background: #0c1923; 47 margin-top: 44px; 48} 49 50.mean-container .mean-nav ul { 51 padding: 0; 52 margin: 0; 53 width: 100%; 54 list-style-type: none; 55} 56 57.mean-container .mean-nav ul li { 58 position: relative; 59 float: left; 60 width: 100%; 61} 62 63.mean-container .mean-nav ul li a { 64 display: block; 65 float: left; 66 width: 90%; 67 padding: 1em 5%; 68 margin: 0; 69 text-align: left; 70 color: #fff; 71 border-top: 1px solid #383838; 72 border-top: 1px solid rgba(255,255,255,0.5); 73 text-decoration: none; 74 text-transform: uppercase; 75} 76 77.mean-container .mean-nav ul li li a { 78 width: 80%; 79 padding: 1em 10%; 80 border-top: 1px solid #f1f1f1; 81 border-top: 1px solid rgba(255,255,255,0.25); 82 opacity: 0.75; 83 filter: alpha(opacity=75); 84 text-shadow: none !important; 85 visibility: visible; 86} 87 88.mean-container .mean-nav ul li.mean-last a { 89 border-bottom: none; 90 margin-bottom: 0; 91} 92 93.mean-container .mean-nav ul li li li a { 94 width: 70%; 95 padding: 1em 15%; 96} 97 98.mean-container .mean-nav ul li li li li a { 99 width: 60%; 100 padding: 1em 20%; 101} 102 103.mean-container .mean-nav ul li li li li li a { 104 width: 50%; 105 padding: 1em 25%; 106} 107 108.mean-container .mean-nav ul li a:hover { 109 background: #252525; 110 background: rgba(255,255,255,0.1); 111} 112 113.mean-container .mean-nav ul li a.mean-expand { 114 margin-top: 1px; 115 width: 26px; 116 height: 32px; 117 padding: 12px !important; 118 text-align: center; 119 position: absolute; 120 right: 0; 121 top: 0; 122 z-index: 2; 123 font-weight: 700; 124 background: rgba(255,255,255,0.1); 125 border: none !important; 126 border-left: 1px solid rgba(255,255,255,0.4) !important; 127 border-bottom: 1px solid rgba(255,255,255,0.2) !important; 128} 129 130.mean-container .mean-nav ul li a.mean-expand:hover { 131 background: rgba(0,0,0,0.9); 132} 133 134.mean-container .mean-push { 135 float: left; 136 width: 100%; 137 padding: 0; 138 margin: 0; 139 clear: both; 140} 141 142.mean-nav .wrapper { 143 width: 100%; 144 padding: 0; 145 margin: 0; 146} 147 148/* Fix for box sizing on Foundation Framework etc. */ 149.mean-container .mean-bar, .mean-container .mean-bar * { 150 -webkit-box-sizing: content-box; 151 -moz-box-sizing: content-box; 152 box-sizing: content-box; 153} 154 155 156.mean-remove { 157 display: none !important; 158}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/29 03:26