Menu icon Foundation

Designer | Nottingham

Graphic designer and web developer in Nottingham, UK

My Posts




My Comments

Chris Fickling commented on Chris Fickling's post over 2 years

From what I recall, I set the height 'manually' in CSS for each breakpoint

Chris Fickling commented on Chris Fickling's post over 3 years

OK - thank you @Vladimir - I did search but couldn't find a mention of it.

Chris Fickling commented on Chris Fickling's post over 5 years

Thanks for looking - here's the entire header...

<header>
        <div class="row">
            <div class="small-12 large-4 columns hide-for-small">
                <div class="logo-container">
                    <a href="http://www.xxxxxxxxxxxxxxxxx.co.uk/" title="To the homepage">
                        <img src="assets/components/flexibility4/images/site/logo.png" alt="">
                    </a>
                </div>                
            </div>
            <nav class="small-12 large-8 columns top-bar" data-topbar>
<section>
  <ul class="title-area">
    <!-- Title Area -->
    <li class="name"></li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon">
      <a href="#"><span></span></a>
    </li>
  </ul>
</section>
  <section class="top-bar-section">
    <ul class="left">
      <li class="first active"><a href="http://www.xxxxxxxxxxx.co.uk/" title="Home" >Home</a></li>
<li class="has-dropdown"><a href="xxxxxxxxx/" title="Our Pubs" >Our Pubs</a><ul class="dropdown">
  <li class="first"><a href="xxxxxxxxx" title="xxxxxxx" >xxxxxxxxxx</a></li>
<li><a href="xxxxxxxxxxx" title="xxxxxxxxxxxx" >xxxxxxxxxx</a></li>
<li><a href="xxxxxxxx" title="xxxxxxxxxx" >xxxxxxxxxx</a></li>
<li class="last"><a href="xxxxxxxxxxx" title="xxxxxxxx" >xxxxxxxxxxxx</a></li>

</ul></li>
<li class="has-dropdown"><a href="7/" title="xxxxx" >Menus</a><ul class="dropdown">
  <li class="first"><a href="xxxxxxxxxx" title="Lunch & Dinner Menu" >Lunch & Dinner Menu</a></li>
<li class="last"><a href="bar-menu.html" title="Daily Specials" >Daily Specials</a></li>

</ul></li>
<li><a href="comments.html" title="Reputation" >Reputation</a></li>
<li><a href="online-bookings.html" title="Book" >Book</a></li>
<li><a href="jobs.html" title="Jobs" >Jobs</a></li>
<li class="last"><a href="gallery.html" title="Gallery" >Gallery</a></li>

    </ul>
  </section>
            </nav>
        </div>
    </header>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Chris Fickling's post over 2 years

From what I recall, I set the height 'manually' in CSS for each breakpoint

You commented on Chris Fickling's post over 3 years

OK - thank you @Vladimir - I did search but couldn't find a mention of it.

You commented on Chris Fickling's post over 5 years

Thanks for looking - here's the entire header...

<header>
        <div class="row">
            <div class="small-12 large-4 columns hide-for-small">
                <div class="logo-container">
                    <a href="http://www.xxxxxxxxxxxxxxxxx.co.uk/" title="To the homepage">
                        <img src="assets/components/flexibility4/images/site/logo.png" alt="">
                    </a>
                </div>                
            </div>
            <nav class="small-12 large-8 columns top-bar" data-topbar>
<section>
  <ul class="title-area">
    <!-- Title Area -->
    <li class="name"></li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon">
      <a href="#"><span></span></a>
    </li>
  </ul>
</section>
  <section class="top-bar-section">
    <ul class="left">
      <li class="first active"><a href="http://www.xxxxxxxxxxx.co.uk/" title="Home" >Home</a></li>
<li class="has-dropdown"><a href="xxxxxxxxx/" title="Our Pubs" >Our Pubs</a><ul class="dropdown">
  <li class="first"><a href="xxxxxxxxx" title="xxxxxxx" >xxxxxxxxxx</a></li>
<li><a href="xxxxxxxxxxx" title="xxxxxxxxxxxx" >xxxxxxxxxx</a></li>
<li><a href="xxxxxxxx" title="xxxxxxxxxx" >xxxxxxxxxx</a></li>
<li class="last"><a href="xxxxxxxxxxx" title="xxxxxxxx" >xxxxxxxxxxxx</a></li>

</ul></li>
<li class="has-dropdown"><a href="7/" title="xxxxx" >Menus</a><ul class="dropdown">
  <li class="first"><a href="xxxxxxxxxx" title="Lunch & Dinner Menu" >Lunch & Dinner Menu</a></li>
<li class="last"><a href="bar-menu.html" title="Daily Specials" >Daily Specials</a></li>

</ul></li>
<li><a href="comments.html" title="Reputation" >Reputation</a></li>
<li><a href="online-bookings.html" title="Book" >Book</a></li>
<li><a href="jobs.html" title="Jobs" >Jobs</a></li>
<li class="last"><a href="gallery.html" title="Gallery" >Gallery</a></li>

    </ul>
  </section>
            </nav>
        </div>
    </header>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content