Menu for mobile not displaying at all

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3247
    mrussell1984
    Participant

    The theme is working perfectly for me and is a really great theme but one major problem I’m having is that when the theme is loaded on a mobile device, the menu disappears and the drop down list doesn’t appear.

    I read that it seems to run into problems when the menu is quite large but I tested it with a smaller menu of only 3 items and it still doesn’t work.

    I tried custom CSS as I read in another thread which was suggested
    #access select{display:none;}

    #access ul{display:block;}

    This however just listed the first three menu items but the drop down list again didnt appear.

    It seems like it’s not loading the JS which I guess is what turns it to a drop down?

    Another small little thing I’ve forgotten how to do is the little box that appears at the bottom of a page to take you back to the top. I think I disabled this by mistake and I forget what the class name is to make it reappear.

    The site I’m working on is http://www.cavendishhotel.co.uk/test/wordpress

    If anyone can help I would greatly appreciate it

    Thanks
    Michael

    #3255
    Rabin Shrestha
    Participant

    Hi Michael,

    Please download the fresh copy of our theme and reinstall it. It seems you have made changes with our theme. It’s not recommended to directly change the theme code but rather you can use child theme approach.

    Now it seems some plugins that you have installed is conflicting with our theme so the menu is not working in mobile device so turn off each plugin one by one and see if this works or no.

    Rabin

    #3258
    mrussell1984
    Participant

    Hi Rabin thank you so much for your swift response. I have no been able to narrow down the problem which is occurring in the header file.

    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
    
    	<?php		
    		/** 
    		 * attitude_title hook
    		 *
    		 * HOOKED_FUNCTION_NAME PRIORITY
    		 *
    		 * attitude_add_meta 5
    		 * attitude_show_title 10
    		 *
    		 */
    		 /*LINE INSERTED BACK IN*/
                      do_action( 'attitude_title' );
    
    		/** 
    		 * attitude_meta hook
    		 */
    		do_action( 'attitude_meta' );
    
    		/** 
    		 * attitude_links hook
    		 *
    		 * HOOKED_FUNCTION_NAME PRIORITY
    		 *
    		 * attitude_add_links 10
    		 * attitude_favicon 15
    		 * attitude_webpageicon 20
    		 *
    		 */
    		do_action( 'attitude_links' );
    
    		/** 
    		 * This hook is important for wordpress plugins and other many things
    		 */
                    ?>
                    <?php wp_head();?> 
    		
    <!-- JQUERY. Only if not previously loaded. If not available CDN (probably worldwide brosers cached) then load local version -->
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/form/jquery.tools.min.js"></script>
    
    </head>

    The problem is that I need to call the above jquery library for my booking engine to work correctly and if I move that to near the top of the header file, the menu will work but the booking engine won’t. I tried moving around the wp_head function because I thought maybe it was conflicting with that but I still can’t get both to work at the same time.

    Would you have any idea how I can get around this? Is jQuery already called in the theme for the menu? If so maybe I just need to change the code for the booking engine to reference where your jQuery is pointing to?

    #3259
    mrussell1984
    Participant

    Also I noticed the jQuery I am pointing to will only display for me if it’s right before the closing head tag no where else. When that happens though the menu function wont work.

    I tried disabling plugins as well but no difference

    #3272
    mrussell1984
    Participant

    Can anyone please help? Ive spent all day looking at solutions but to no avail

    #3364
    Rabin Shrestha
    Participant

    Hi Michael,

    As I have already told you, you edit the theme file directly as you will lose all your changes when you update the theme. Also you are not allowed to directly write the script on the header like that. That’s totally wrong way. WordPress has it’s own way of adding jquery scripts. Have a look here on this article http://wp.tutsplus.com/tutorials/the-ins-and-outs-of-the-enqueue-script-for-wordpress-themes-and-plugins/

    Why are you again trying to load the jquery twice as it’s been already loaded.

    Also I think you need to hire someone who can figure this out correctly rather than doing it incorrectly on your own

    Rabin

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