0
최근 Foundation을 사용하여 시작하여 대부분 알아 냈습니다. Here is the site I'm having trouble with.Zurb Foundation : 탐색 범위가 작은 화면 크기에서 사라졌습니다.
HTML 코드
<nav class="tab-bar show-for-medium-down">
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" href="#off-canvas-navigation"><span></span></a>
<section>
</nav>
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li class="navFont"><a href="index.html">MUSICIAN'S GENERAL STORE</a></li>
<ul>
<li><a href="accessories.html">Accessories</a></li>
<li><a href="http://www.nemc.com/musicians-general-store-inc/brass-instruments/">Instrument Rental</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="press.html">Press</a></li>
<li><a href="http://www.musiciansgeneralstore.tumblr.com">Blog</a></li>
<li><a href="events.html">Events</a></li>
</ul>
<li class="navFont"><a href="metropolis.html">METROPOLIS PRODUCTIONS</a></li>
<ul>
<li><a href="metband.html">Metropolis Entertainment Band</a></li>
<li><a href="production.html">Live Audio + Production</a></li>
<li><a href="referrals.html">Stage + Backline Rental</a></li>
</ul>
<li class="navFont"><a href="rockscool.html">ROCK'SCOOL</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="instruments_rates.html">Instruments & Rates</a></li>
<li><a href="registration.html">Registration</a></li>
<li><a href="teachers.html">Teachers</a></li>
</li>
</ul>
</li>
<li class="navFont"><a href="#" data-reveal-id="modalContact" data-animation="fade">CONTACT</a></li>
</ul>
</aside>
<a class="exit-off-canvas"></a>
<!-- Desktop Navigation-->
<div class="fixed hide-for-medium-down">
<nav class="top-bar" data-topbar>
<ul class="title-area padding-logo">
<li class="name"><a href="#"><img class="padding-top-20" src="img/thumblogos/mgs.png" width="75px"></a></li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<ul>
<li class="navFont active"><a href="index.html">MUSICIAN'S GENERAL STORE</a></li>
<li class="navFont"><a href="metropolis.html">METROPOLIS PRODUCTIONS</a></li>
<li class="navFont"><a href="rockscool.html">ROCK'SCOOL</a></li>
<li class="navFont"><a href="#" data-reveal-id="modalContact" data-animation="fade">CONTACT</a></li>
</ul>
<ul class="social">
<li><a href="https://www.facebook.com/musiciansgeneralstore"><i class="fa fa-facebook"></i></a></li>
<li><a href="http://www.musiciansgeneralstore.tumblr.com"><i class="fa fa-tumblr"></i></a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></li>
</ul>
</section>
</nav>
</div><!--/fixed class-->
<!-- CONTENT START -->
불행하게도, 탐색 바는 특정 화면 크기 (- 1345px 1025의 폭)에 대한 표시되지 않습니다. 모바일/태블릿 및 대형 데스크톱 화면은 훌륭하게 보이지만 일부 더 값이 싼/더 작은 데스크톱 화면에서는 모바일 메뉴가 나타나지 않고도 탐색 막대가 사라집니다.
나는 여러 가지 포럼을 통해이 문제에 대한 해결책을 찾으려고 노력했지만 아무 것도 나왔습니다. 해상도가 작아서 태블릿/모바일을 실행할 수있을 때까지 바탕 화면 메뉴를 표시 할 수있는 방법에 대한 아이디어가 있습니까?
감사합니다.
매력처럼 작동합니다. 고맙습니다!! –