저는 일단 html이나 css를 따로 배운 사람이 아니고 혼자서 부딪혀가며 터득한 타입이라
꼼수수준의 팁이나마 혹시 필요하신 사람들을 위해서 제 방법을 공유하고자 합니다 처음 쓰는 팁이네요
우선 xedition의 layout.min.css 파일에
@media (min-width: 480px){
.phone{display:none!important}
}
@media (max-width: 479px){
.nophone{display:none!important}
}
이것을 붙여 넣으시고
layout.html파일에 아래 코드를 찾아서 빨간색 박스처럼 class를 지정하시면 됩니다
잘 보시면 메뉴 불러오는 코드를 복사해서 두 개로 만들었으니 어 왜 난 저 코드가 하나만 있는데 두개나 있지 하고 놀라시면 안되요,,
그러면 뭐 대충...해결됩니다.
더 좋은 방법이 있을 것만 같은데, 뭐...비효율적이더라도 눈에 가시같은 현상이 있으면 못견디는 편이라 ㅠ ㅎㅎ
+참고로 창 줄일 때 폰 사이즈에서 보여야 할 메뉴에 pc로 보면 스크롤 바가 생기는 것도 아래 코드에서 보듯이 overflow:hidden하면 없어져요,,
+혹시 창줄였다 다시 키웠는데 메뉴가 가운데 정렬 한 것이 왼쪽정렬이 되는 경우도 있을거에요
그럴땐 nophone이 적혀져 있는 <ul class="nophone" 이 다음에 style=" display:table;margin-left:auto; margin-right:auto;"> 이거 적어주시면 됩니다 메뉴를 매거진형으로 하면 가운데 정렬이 해제되더라구요
잘 모르시는 분들은 유용한 팁이 되길 발바니다^_^aa
<ul class="nophone">
<li loop="$GNB->list => $key1, $val1">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
<block cond="$val1['selected']">{@ $_selected_menu = $val1}</block>
<ul cond="$val1['list']" class="depth2">
<li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
<ul cond="$val2['list']" class="depth3">
<li loop="$val2['list'] => $key3, $val3">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="phone" style="overflow:hidden;border-bottom:3px solid #333">
<li loop="$GNB->list => $key1, $val1">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
<block cond="$val1['selected']">{@ $_selected_menu = $val1}</block>
<ul cond="$val1['list']" class="depth2">
<li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
<ul cond="$val2['list']" class="depth3">
<li loop="$val2['list'] => $key3, $val3">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>