<?php
global $porto_settings;
?>
<div class="panel-overlay"></div>
<div id="nav-panel" class="<?php echo (isset($porto_settings['mobile-panel-pos']) && $porto_settings['mobile-panel-pos']) ? $porto_settings['mobile-panel-pos'] : '' ?>">
    <?php
    // show welcome message
    if ($porto_settings['welcome-msg'])
        echo '<span class="welcome-msg">' . $porto_settings['welcome-msg'] . '</span>';

    // show currency and view switcher
    $switcher = '';
    $switcher .= porto_mobile_currency_switcher();
    $switcher .= porto_mobile_view_switcher();

    if ($switcher)
        echo '<div class="switcher-wrap">'.$switcher.'</div>';

    // show top navigation and mobile menu
    $menu = porto_mobile_menu();

    if ($menu)
        echo '<div class="menu-wrap">'.$menu.'</div>';

    $header_type = porto_get_header_type();

    if (($header_type == 1 || $header_type == 4 || $header_type == 9 || $header_type == 13 || $header_type == 14) && $porto_settings['menu-block']) {
        echo '<div class="menu-custom-block">' . force_balance_tags($porto_settings['menu-block']) . '</div>';
    }

    $menu = porto_mobile_top_navigation();

    if ($menu)
        echo '<div class="menu-wrap">'.$menu.'</div>';

    // show social links
    echo porto_header_socials();
    ?>
</div>
<a href="#" id="nav-panel-close" class="<?php echo (isset($porto_settings['mobile-panel-pos']) && $porto_settings['mobile-panel-pos']) ? $porto_settings['mobile-panel-pos'] : '' ?>"><i class="fa fa-close"></i></a>