→→ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
- In case you can't login to submit a ticket, please hard refresh the browser and try again.
If the problem persists, please submit your questions via THEMELOGI profile page instead.

- Regrading the plugin activation, please have a look at Bundled Plugin License information.
- If you couldn't import demo content or you got the message "Failed to import", please see our FAQs page. Thank you :)
- We've updated the theme to be compatible with latest WordPress version, please update your theme as in the article here

Tickets Tickets Wanium Header position extras with off canvas menu

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #12299

    Hello Danny or others, I need to have a search position next to the off canvas menu. Do you now how to get it there? See attached image. Thank you very much in advance.

    #12300

    Header with search

    #12302

    It is the nav bar, not the header position I assume.

    #12303

    Hope you can help me. Thank you so much. (third website and license with this template, it is very very nice). Best regards.

    • This reply was modified 2 weeks ago by vteb.
    #12306
    Danny
    Supporter

    Hi there,

    Thanks for using our theme for your projects! It’s very appreciated!

    To add a search function in the navbar of the offcanvas header layout, please open up the layout-offcanvas.php file in themes/wanium/templates/header folder, and replace it with the content below:

    <?php 
    $logos = wanium_get_logo();
    $header_first 	= get_option('wanium_header_first', esc_html__( 'We create elegant websites', 'wanium' ) );
    $header_second 	= get_option('wanium_header_second', esc_html__( '(012) 1006 2310', 'wanium' ) );
    ?>
    <div class="nav-container vertical-menu">
    	<nav class="absolute transparent">
    		<div class="nav-bar">
    			<div class="module left">
    				<a href="<?php echo esc_url(home_url('/')); ?>">
    					<?php if( $logos['logo_text'] && 'text' == $logos['site_logo'] ) : ?>
                            <h1 class="logo"><?php echo esc_attr($logos['logo_text']); ?></h1>
                        <?php else: ?>
    				    <img class="logo logo-light" alt="<?php echo esc_attr(get_bloginfo('title')); ?>" src="<?php echo esc_url($logos['logo_light']); ?>" />
                        <img class="logo logo-dark" alt="<?php echo esc_attr(get_bloginfo('title')); ?>" src="<?php echo esc_url($logos['logo']); ?>" />
                        <?php endif; ?>
    				</a>
    			</div>
    			<div class="module widget-wrap offcanvas-toggle right">
    				<!-- <i class="ti-menu"></i> -->
    				<div class="menu-line is-inactive">
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    				</div>
    			</div>
    		    <?php if( $header_first ) : ?>
    			    <div class="module right">
    			        <span class="sub"><?php echo wp_kses($header_first, wanium_allowed_tags()); ?></span>
    			    </div>
    		    <?php endif; ?>
    		    <?php 
    		    if( (!isset($post->ID) || (isset($post->ID) && !get_post_meta( $post->ID, '_tlg_menu_hide_search', 1 ))) && 
    				'yes' == get_option( 'wanium_header_search', 'yes' ) ) {
    		    	echo '<div class="module right">';
    			    get_template_part( 'templates/header/inc', 'search' );
    			    echo '</div>';
    			} 
    			?>
    		</div>
    		<div class="offcanvas-container text-center">
    			<div class="close-nav"><a href="#">
    				<!-- <i class="ti-close"></i> -->
    				<div class="menu-line is-active">
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    					<span class="menu--line"><span></span></span>
    				</div>
    			</a></div>
    			<div class="vertical-alignment-no text-center mt120">
    				<?php
    			    wp_nav_menu(
    			    	array(
    				        'theme_location'    => 'primary',
    				        'depth'             => 3,
    				        'container'         => false,
    				        'container_class'   => false,
    				        'menu_class'        => 'mb40 mb-xs-24 offcanvas-menu',
    				        'fallback_cb'       => 'Wanium_Nav_Walker::fallback',
    				        'walker'            => new Wanium_Nav_Walker()
    			        )
    			    );
    				?>
    			</div>
    			<div class="vertical-bottom-no bg-white above pt24 pb96">
    				<?php if ( 'yes' == get_option( 'wanium_enable_copyright', 'yes' ) ) : ?>
    					<div class="heading-font s-text"><?php echo wpautop(wp_kses(get_option( 'wanium_footer_copyright', esc_html__( 'Modify this text in: Appearance > Customize > Footer', 'wanium' ) ), wanium_allowed_tags())); ?></div>
    				<?php endif; ?>
    				<ul class="list-inline social-list"><?php echo wanium_header_social_icons(); ?></ul>
    			</div>
    		</div>
    	</nav>
    </div>

    You may want to use child-theme so that your changes won’t be lost on theme updates.

    Hope this helps,
    Danny

    #12308

    Thank you so much. That worked like a charm! Buying a new license next week for a new project 😉

    #12309

    Sorry, the mobile version gets disrupted when using this shop code for the header. Is there a workaround for that?

    #12310
    This reply has been marked as private.
    #12316
    Danny
    Supporter

    Hi there,

    Thanks for your information!

    I couldn’t see your screenshot, so please share us your site URL and the admin account of your site via private reply below or via the contact form at https://themeforest.net/user/themelogi so we can investigate your case and help you out. Any screenshots would be welcomed! (you could upload your images into https://imgbb.com/ and share the link in there).

    Looking forward to your response!

    Best regards,
    Danny

    #12324

    There is an issue with the ticket system.

    #12326
    Danny
    Supporter

    Hi there,

    I see that you’ve sent us an email via https://themeforest.net/user/themelogi

    I’m checking it and will reply you asap.

    Best regards,
    Danny

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.