<div class="mobile">
    <header>
        <div class="mobile_btn nav"><span class="icon"></span></div>
        <a class="logo" href="/"></a>

        <div class="mobile_btn contact"><span class="icon"></span></div>
    </header>
    <section class="mb_content scrollable">
        <nav id="mobile_nav">
            <ul class="inner">

                <?php foreach($menuItems as $menuItem): ?>
                    <li <?php if(isset($data) && $menuItem->id == $data->id): ?> class="active" <?php endif; ?> ><a class="title" href="/<?php if($menuItem->route!='/'): ?><?php echo $menuItem->route; ?><?php endif; ?>"><span class="icon"></span><?php echo $menuItem->name; ?></a></li>
                <?php endforeach; ?>
                <li><a class="title" href="#footer"><span class="icon"></span><?php echo \Illuminate\Support\Facades\Lang::get('translations.contact'); ?></a></li>

            </ul>
        </nav>
        <div id="mobile_contact">
            <div class="inner">
                <h1 class="title"><?php echo \Config::get('business.name'); ?></h1>

                <p>
                    <a href="tel:<?php echo \Config::get('business.phone.call'); ?>"><?php echo \Config::get('business.phone.display'); ?></a><br>
                    <a href="mailto:<?php echo \Config::get('business.email'); ?>"><?php echo \Config::get('business.email'); ?></a>
                </p>

            </div>
        </div>
    </section>
    <div class="blur"></div>
</div>