Mobile Menu cutting off

[projones22]

On iOS7 and Android, the mobile menu is cutting off due to the number of sub items. Is there a way to make the menu scrollable, or for the sub-pages to only activate when clicked?

I noticed when active the content is scrollable, but not the menu.

URL: http://melanie-jones.com

[FocuxTheme Support]

I see, thanks for your feedback, I will try to fix this issue soon, after I find the solution, I will tell you.
I will also improve it in the next version.

[projones22]

Thanks for the reply, and for your willingness to resolve this issue.

While I have your attention, there are two other issues I’ve been trying to resolve:
1. When viewing the site on iPad in landscape, the text/images in the content area cut off on the right site.
2. On the Projects page (http://www.melanie-jones.com/projects/), I’ve tried to adjust and customize the thumbnail for “ENDURE” to no avail via crops and different versions. Is there an image spec that these thumbs are best viewed at, or are they cropped in a particular way that I can tweak to ensure that the feature image displays as desired?

Thanks again,

TJ

[FocuxTheme Support]

For the menu issue, please try to add the following CSS into “OldCar options > Custom codes > CSS code”

#menu-nice-1{
  overflow-y:scroll;
}

For another issues

1. Put the following javascript code into “OldCar options > Custom code > javascript code”, after you do that, check again and let me know the result.

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();
     });
});

2. If I understand you correctlly, the picture will be auto cropped by wordpress, if you check theme-init.php file in “includes” folder, you will find the following code?:

/*Add diffierent size for post thumbnails*/
add_theme_support('post-thumbnails');
if ( function_exists( 'add_image_size')){  
	add_image_size('image_slider', 940, 624,true);
	add_image_size('image_carousel', 130, 130,true);
	add_image_size('fluid_thumbnail', 580, 580,true);
}

It means different size of thumbnails, For the big gallery slider size, 940X624 is the best

[slowbeauty]

Having both of these issues, and neither of the fixes you suggest work. 🙁 Any other suggestions?

[FocuxTheme Support]

Hi

Can you send your site link?

For this question: “1. When viewing the site on iPad in landscape, the text/images in the content area cut off on the right site.”

I remember I have already fixed in the new version, if you still found this issue, can I know what’s theme version and browser you are using? It’s only appeared in blog post page?

2. If you want to change the thumbnail size, you can do that as my old reply, but after you changed, you should regenerate the thumbnail with “regenerate thumbnail” plugin.

Thanks

[getmebiehl]

Hello,

I am having the mobile menu issue as well. There are alot of subpages on my site, so on iPhone and tablets the mobile menu gets cut off and attempts to scroll down move the main content area and not the menu. Tried adding the y-scroll CSS fix you suggested and it doesn’t seem to be doing the trick.

The site is:
http://newschoolwriting.org/

Thanks for your help!

[FocuxTheme Support]

Hi

Try to download updated files here https://www.dropbox.com/s/w1esvxew7jod62w/update20140425.zip
Unzip it and upload content-responsive-header.php to the parent theme (oldcar) folder, and upload oldcar.setup.js to js folder. Override the old files.

Thanks

[getmebiehl]

Thanks for the fix BadJohnny, works like a charm!

[FocuxTheme Support]

That’s great! I will also include this improvement in the next version.

[Author]

Posts