Menu icon Foundation

Designer

My Posts





  • 1
    Reply
  • Force small/medium/large mode?

    By burnersk

    responsibleforce

    I would like to give my users the possibility to force small, medium or large mode on their devices by adding a CSS class to the <html>. I received several requests for this. It could work like for example a user triggers a event on his small classifie... (continued)

    Last Reply by Karl Ward about 5 years ago


My Comments

burnersk commented on burnersk's post almost 4 years

(my code blog wasn't published so here is the code)
HTML
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1>
<span class="name1">Site</span>
<span class="name2">Title</span>
</h1>
<span class="slogan show-for-medium-up">Site Slogan</span>
</li>
<li class="toggle-topbar menu-icon"><a><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li class="active"><a>Active</a></li>
<li><a>Top Bar 2</a></li>
<li><a>Hover</a></li>
<li><a>Top Bar 4</a></li>
</ul>
</section>
</nav>

Forum's JavaScript seems seriously broken. I cannot edit/publish posts including Code sections and this "HTML highlighter" - well it smashes everything.

Posts Followed


  • 1
    Reply
  • Force small/medium/large mode?

    By burnersk

    responsibleforce

    I would like to give my users the possibility to force small, medium or large mode on their devices by adding a CSS class to the <html>. I received several requests for this. It could work like for example a user triggers a event on his small classifie... (continued)

    Last Reply by Karl Ward about 5 years ago


Following

    No Content

Followers

My Posts

My Comments

You commented on burnersk's post almost 4 years

(my code blog wasn't published so here is the code)
HTML
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1>
<span class="name1">Site</span>
<span class="name2">Title</span>
</h1>
<span class="slogan show-for-medium-up">Site Slogan</span>
</li>
<li class="toggle-topbar menu-icon"><a><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li class="active"><a>Active</a></li>
<li><a>Top Bar 2</a></li>
<li><a>Hover</a></li>
<li><a>Top Bar 4</a></li>
</ul>
</section>
</nav>

Forum's JavaScript seems seriously broken. I cannot edit/publish posts including Code sections and this "HTML highlighter" - well it smashes everything.

Posts Followed

Following

  • No Content

Followers

  • No Content