Menu icon Foundation

My Posts

No Content

My Comments

Steven Persoons commented on Markus Lind's post about 1 year

The following code should do the trick:
 
CSS
 
.top-bar .top-bar-left, .top-bar .top-bar-right {
-ms-flex: 1 0 100%;
flex: inherit;
max-width: 100%;
}
 
HTML
 


<div class="grid-container" >
<div class="top-bar" id="top-bar-menu">

    <div class="top-bar-left float-left">
        <ul class="menu">
            <li><a href="<?php echo home_url(); ?>"><h2><?php bloginfo('name'); ?></h2></a></li>
        </ul>
    </div>
    <div class="top-bar-right show-for-medium">
        <?php joints_top_nav(); ?>  
    </div>
    <div class="top-bar-right float-right show-for-small-only">
        <ul class="menu">
            <!-- <li><button class="menu-icon" type="button" data-toggle="off-canvas"></button></li> -->
            <li><a data-toggle="off-canvas"><?php _e( 'Menu', 'jointswp' ); ?></a></li>
        </ul>
    </div>
</div>
</div>

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Markus Lind's post about 1 year

The following code should do the trick:
 
CSS
 
.top-bar .top-bar-left, .top-bar .top-bar-right {
-ms-flex: 1 0 100%;
flex: inherit;
max-width: 100%;
}
 
HTML
 


<div class="grid-container" >
<div class="top-bar" id="top-bar-menu">

    <div class="top-bar-left float-left">
        <ul class="menu">
            <li><a href="<?php echo home_url(); ?>"><h2><?php bloginfo('name'); ?></h2></a></li>
        </ul>
    </div>
    <div class="top-bar-right show-for-medium">
        <?php joints_top_nav(); ?>  
    </div>
    <div class="top-bar-right float-right show-for-small-only">
        <ul class="menu">
            <!-- <li><button class="menu-icon" type="button" data-toggle="off-canvas"></button></li> -->
            <li><a data-toggle="off-canvas"><?php _e( 'Menu', 'jointswp' ); ?></a></li>
        </ul>
    </div>
</div>
</div>

Posts Followed


Following

  • No Content

Followers

  • No Content