Mobile Menu Not Working

[edendesign]

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.

[Musama]

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

[Musama]

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

[edendesign]

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.

[Musama]

give me the link

[edendesign]

shantipax.com (it was in my first post)

[FocuxTheme Support]

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?

[edendesign]

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>

[edendesign]

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
),

[Musama]

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

[edendesign]

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!

[Musama]

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.

[edendesign]

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?

[FocuxTheme Support]

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.

[edendesign]

This reply has been marked as private.

[FocuxTheme Support]

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

[edendesign]

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.

[FocuxTheme Support]

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

[edendesign]

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.

[Musama]

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

[FocuxTheme Support]

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!

[edendesign]

This reply has been marked as private.

[FocuxTheme Support]

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.

[edendesign]

This reply has been marked as private.

[edendesign]

This reply has been marked as private.

[FocuxTheme Support]

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

[Author]

Posts