Support for Envato Buyers Forums OldCar Mobile Menu Not Working

Viewing 25 reply threads
  • Author
    Posts
    • #1998
      edendesign
      Member

      Hi–I’m loving this theme, however, I noticed that the mobile menu in the top right hand corner is not working on phones, tablets, or my laptop (when I reduce the browser size). My site can be found at shantipax.com. We’ve already gone live so please advise as soon as possible. Thanks and thanks for such a great theme—very easy to use and customize.

    • #2003
      Musama
      Member

      Hi go to “OLDCAR OPTIONS” and enable Responsive option. Thanks

    • #2004
      Musama
      Member

      Hi go to “OLDCAR OPTIONS” and enable Responsive option. Thanks

    • #2005
      edendesign
      Member

      Ah, if it was only that easy. Under GENERAL SETTINGS, the second to the last option DISABLE RESPONSIVE is set to NO. Are there any other settings? The black menu button shows up but nothing happens when it is clicked on.

    • #2006
      Musama
      Member

      give me the link

    • #2007
      edendesign
      Member

      shantipax.com (it was in my first post)

    • #2019

      Hi,

      I have checked the source code of your homepage with firebug, there’s no any errors, and I have checked the other website, they are works fine, so I’m not sure it’s caused by a certain plugin, so can you disactive your plugins one by one in order to figure out whether it’s caused by plugin?

    • #2021
      edendesign
      Member

      Sorry this is such a pain–I really appreciate your help and quick response. I disabled all of the plug-ins AND deleted all of my custom CSS and the responsive menu will still not work. I tried turning DISABLE RESPONSIVE to YES and the small black menu still appears but still doesn’t work. Could something be wrong with a functions file? I’ve attached the code that is there for the responsive header. Would it help if I give you login access to the site?

      Thanks!
      Jen

      <!– ===================================================================================
      ============== Responsive Header
      ===================================================================================== –>
      <header class="responsive-header">
      <h1 class="responsive-logo">"><?php bloginfo('name');?></h1>
      <div class="responsive-menu">
      <?php if (($locations = get_nav_menu_locations()) && $locations['sidemenu'] ):?>
      <div class="menu-trigger"><span><?php _e('Menu','OldCar');?></span></div>
      <?php endif;?>
      
      <?php wp_nav_menu(array(
      'theme_location' => 'sidemenu',
      'container' => '',
      'menu_class' => 'hidden',
      'echo' => true,
      'depth' => 4) );
      ?>
      </div>
      </header>
    • #2022
      edendesign
      Member

      This is the code from van-functions

      >array(
      'id' => 'isResponsive',
      'type' => 'button_set',
      'options' => array('1' => 'No', '0' => 'Yes'),
      'title' => __('Disable Responsive','OldCar'),
      'sub_desc' => __('If you selected Yes, the website will be displayed as desktop version on your smartphone and iPad','OldCar'),
      'std' => 1
      ),
    • #2025
      Musama
      Member

      did u wrote a js code in the custom js code? if not try to delete the menu & recreate it

    • #2026
      edendesign
      Member

      No, I did not do any custom js. I don’t know js very well. How do would I go about deleting the menu and recreating it? Can you give me specifics? Thanks!

    • #2027
      Musama
      Member

      ok go to ” Appearance>menus ” delete the old menu & create a new one & name it. you will see a “pages” widget in your left add all the pages you want to this menu you can order the menu item by drag-&-drop then save it, & check if it works.

    • #2039
      edendesign
      Member

      Thanks, sorry, I thought you were meaning you wanted me to code something. I deleted the old menu and created a new one. It still doesn’t work. Are there any plugins that I need with this theme that maybe didn’t install?

    • #2043

      It’s nothing to do with the PHP function codes, the menu is worked fine on another website but yours.
      You can post your login information with private reply, I will check your settings.

    • #2050
      edendesign
      Member
      This reply has been marked as private.
    • #2053

      Hi, is it possible to reinstall V1.4? now it’s available on themeforest, I have improved the mobile menu in this version.

    • #2126
      edendesign
      Member

      Just wanted to let you know that I finally figured out what was keeping the mobile menu from working. I am using fontawesome for some icons and had placed their code in the custom header section. I copied from their site: //netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

      and ended up putting http: in front of their //. That fixed the issue instantly.

      One last issue: Have you had any instances of the right hand side of the page getting cut off in Safari? My client is having this issue but I can’t recreate it on any of my devices.

      Thanks again for helping me troubleshoot this.

    • #2139

      Hi

      For safari problem, what’s the version of safari you or your client used? And what’s resolution of the screen?
      I can’t access to shantipax.com, not sure why, maybe our country has block the ip address, so I can’t check your site anymore.
      And how about the demo site on your safari? http://demo.themevan.com/oldcar

    • #2231
      edendesign
      Member

      She upgraded to the latest version of Safari but still has the issue–she also has it on your demo site. She is in Brussels–could this have anything to do with it? Her laptop is a 15 inch–I’m not sure what resolution she has it set to.

    • #2232
      Musama
      Member

      Hi could you please send us a screeshot of the page ?? Thanks

    • #2240

      Hi

      Try to add the following codes into “Oldcar options > custom code > javascript code”

      jQuery(document).ready(function($){
       function resetMain(){
         var sidebarWidth=$('#sidebar').width();
         var mainWidth=$(window).width()-sidebarWidth-60;
         if($(window).width()> 1023){
            $('#main').css('width',mainWidth+'px');
         }else{
            $('#main').css('width','auto');
         }
       }
           resetMain();
           $(window).resize(function(){
              resetMain();
           });
      });

      If you found any issues after you added this code, please let me know, I will keep improve.
      Also, after I release the next version and you update the theme in the future, you can remove the additional code above.

      Thanks for your feedback!

    • #2390
      edendesign
      Member
      This reply has been marked as private.
    • #2401

      I checked the source code, it’s the code pasted problem, the code you pasted is different from the orignal codes, try again with following code.

      jQuery(document).ready(function($){
      function resetMain(){
      var sidebarWidth=$(‘#sidebar’).width();
      var mainWidth=$(window).width()-sidebarWidth-60;
      if($(window).width()> 1023){
      $(‘#main’).css(‘width’,mainWidth+’px’);
      }else{
      $(‘#main’).css(‘width’,’auto’);
      }
      }
      resetMain();
      $(window).resize(function(){
      resetMain();
      });
      });

      Or send me your wordpress login information, I will do that.

    • #2410
      edendesign
      Member
      This reply has been marked as private.
    • #2411
      edendesign
      Member
      This reply has been marked as private.
    • #2414

      Hi, I have added those codes, please check it on your browser or screen.

Viewing 25 reply threads
  • You must be logged in to reply to this topic.