WordPress.org

Forums

Hueman
Impossible to see menu from home page into the smartphone (3 posts)

  1. citbagheria
    Member
    Posted 7 months ago #

    Hello,

    I open my home page from smartphone isn't impossible touch the menu, but is possible touch the menu in another page.

    to click on menu is impossible http://citbagheria.it/
    to click on menu is possible http://citbagheria.it/villa-cattolica/

    what's the problem?

  2. citbagheria
    Member
    Posted 7 months ago #

    The problem is here, but I do not know where. Can you help me?

    <!DOCTYPE html>
    <html class="no-js" <?php language_attributes(); ?>>
    
    <head>
    	<meta charset="<?php bloginfo('charset'); ?>">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    	<title><?php wp_title(''); ?></title>
    
    	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
    
    	<?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    
    <div id="wrapper">
    
    	<header id="header">
    
    		<?php if ( has_nav_menu('topbar') ): ?>
    			<nav class="nav-container group" id="nav-topbar">
    				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
    				<div class="nav-text"><!-- put your mobile menu text here --></div>
    				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    
    				<div class="container">
    					<div class="container-inner">
    						<div class="toggle-search"><i class="fa fa-search"></i></div>
    						<div class="search-expand">
    							<div class="search-expand-inner">
    								<?php get_search_form(); ?>
    							</div>
    						</div>
    					</div><!--/.container-inner-->
    				</div><!--/.container-->
    
    			</nav><!--/#nav-topbar-->
    		<?php endif; ?>
    
    		<div class="container group">
    			<div class="container-inner">
    
    				<?php if ( ot_get_option('header-image') == '' ): ?>
    				<div class="group pad">
    					<?php echo alx_site_title(); ?>
    					<?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
    				</div>
    				<?php endif; ?>
    				<?php if ( ot_get_option('header-image') ): ?>
    					<a href="<?php echo home_url('/'); ?>" rel="home">
    						<img class="site-image" src="<?php echo ot_get_option('header-image'); ?>" alt="<?php get_bloginfo('name'); ?>">
    					</a>
    				<?php endif; ?>
    
    				<?php if ( has_nav_menu('header') ): ?>
    					<nav class="nav-container group" id="nav-header">
    						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
    						<div class="nav-text"><!-- put your mobile menu text here --></div>
    						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    					</nav><!--/#nav-header-->
    				<?php endif; ?>
    
    			</div><!--/.container-inner-->
    		</div><!--/.container-->
    
    	</header><!--/#header-->
    
    	<div class="container" id="page">
    		<div class="container-inner">
    			<div class="main">
    				<div class="main-inner group">
  3. citbagheria
    Member
    Posted 7 months ago #

    I have analyzed some of the files and the problem could be here. Can you help? This file is: scripts.js

    /*  Mobile menu smooth toggle height
    /* ------------------------------------ */
    	$('.nav-toggle').on('click', function() {
    		slide($('.nav-wrap .nav', $(this).parent()));
    	});
    
    	function slide(content) {
    		var wrapper = content.parent();
    		var contentHeight = content.outerHeight(true);
    		var wrapperHeight = wrapper.height();
    
    		wrapper.toggleClass('expand');
    		if (wrapper.hasClass('expand')) {
    		setTimeout(function() {
    			wrapper.addClass('transition').css('height', contentHeight);
    		}, 10);
    	}
    	else {
    		setTimeout(function() {
    			wrapper.css('height', wrapperHeight);
    			setTimeout(function() {
    			wrapper.addClass('transition').css('height', 0);
    			}, 10);
    		}, 10);
    	}
    
    	wrapper.one('transitionEnd webkitTransitionEnd transitionend oTransitionEnd msTransitionEnd', function() {
    		if(wrapper.hasClass('open')) {
    			wrapper.removeClass('transition').css('height', 'auto');
    		}
    	});
    	}
    
    });

Reply

You must log in to post.

About this Theme

About this Topic