Hi there,

Please understand that this theme is not currently a responsive theme. Behavior on a mobile device is currently setup to behave as it does on a desktop, which doesn't support manual scroll. This is demonstrated clearly on the demo site.

Anything is possible, but considering my last custom script above is a (free) customization of a (free) customization, additional edits will require a customization request here: http://themolitor.com/custom

Just to reiterate, with my last edit above, these are not bugs or issues with the theme. They are how iOS devices chose to handle div scrolling. That may change with an iOS Safari update, but any additional customization here exceed my bandwidth for these support forums.

I hope you understand.

Best,

Chris

Chris,

SO you are telling us that this is as good as it gets with regard to the scrolling? It's not user friendly still...just soooooo slow. So there is no way to speed up the timeline scrolling is what you are saying?

RM

Hi there,

This is how iOS treats the scrolling of div elements. The timeline div is nested inside some absolutely positioned divs (required for the timeline bar system to work properly). As a result, the timeline div is being scrolled, not the body/window. Not sure why iOS doesn't apply the same speed/flow to scrolling divs as it does the body/window.

Hope that explains.

Best,

Chris

Hi Chris,

That is better (it is much smoother and more responsive), BUT is it possible at all that when you swipe, it still has a speed to it? Now the gesture works smoother, but is terribly slow, even when you "flick" the finger motion across.

Let me know,

RM

Hi there,

Okay, to deactivate the timeline bar and allow scrolling on smaller screens, do the following...

1. Open style.css and ADD the following at the very bottom...

/*-------RESPONSIVE STUFF-----------*/
body.respond #timelineWrapper {overflow: auto;}
body.respond .sidebar,
body.respond #controlsWrapper {display: none !important;}

2. Open custom.js and REMOVE the following on lines 63-72...

////////////////
//TOUCH GESTURES
////////////////
wrapper.touchwipe({
	wipeLeft: function() {jQuery("#rightSmall").click();},
	wipeRight: function() {jQuery('#leftSmall').click();},
	min_move_x: 20,
	min_move_y: 20,
	preventDefaultEvents: false
});

...then REPLACE the following at the bottom on lines 520-525 from this...

////////////////
//WINDOW RESIZE ACTION
////////////////
jQuery(window).resize(function(){
	jQuery('.referenceDivider').first().click();
});

...to this...

//////////////////
//RESPONSIVE FUNCTION
//////////////////
function responsive(){
	if(jQuery(window).width() < 1025){
		bodyEl.addClass('respond');
	} else {
		bodyEl.removeClass('respond');
	}
}
//RUN FUNCTION
responsive();

////////////////
//WINDOW RESIZE ACTION
////////////////
jQuery(window).resize(function(){
	responsive();
	jQuery('.referenceDivider').first().click();
	wrapper.scrollLeft(0);
});

Let me know if that works better.

Best,

Chris

Noted. Let me play around with this and see if I can come up with something.

Best,

Chris

Chris, let me know if this is possible. On a mobile device the swipe without the timeline would be in play. If the user then went to the site from a desktop or laptop, the swipe and timeline would be in play as it's currently coded. Just thinking out loud here.

Chris,

Can the timeline bar only be disabled on mobile devices? Not on large screen?

If so that's the way to go I think.

RM

Hi Chris,

Ok so from a user perspective, on mobile devices, no one would know (as I did NOT until you said it) that the swipe activates the clicking. It is not intuitive.

My client DID test you demo site out - cause her concern is on mobile devices - she wanted to see if the demo was acting the same way, and it was. I just wanted you to understand it wasn't just her site.

I expect it to all work lovely on a big screen, cause we have mouses that can click along the timeline, and its obvious where the navigation for the scroll is. However, on mobile devices, we use the differently, and instinctively, a swipe for the user means it should scroll. If it didn't mean that intuitively, we wouldn't be having this discussion - my client is assuming (and rightly so) that a swipe means it will scroll through as she swipes).

So, effectively, due to its small (teeny tiny, in fact) size the timeline bar on mobile devices is pretty much useless, cause you can't manipulate it with your finger, it would follow that disabling it to get the scrolling function with the swipe would be the exact answer. YES. It, as robertfmorrrow said would make for the best user experience on mobile devices.

That would be fab.

RM

Chris, thank you for the quick reply to rmorson's posts. My vote, would be to disable the bottom timeline. In all honestly, the fluid swiping movement coupled with the clearly visible timeline markers would provide the best UI experience for the end user.

...in order for swiping to work as a scroll effect on a mobile device, the timeline bar at the bottom would have to be disabled. Would that be a better solution?

Let me know,

Chris

Hi there,

To clarify, swiping left or right on a touch device will activate the left CLICK and right CLICK functions. It is not a scrolling feature. In other words, the swiping is treated as a CLICK, not a scroll.

The reason swiping isn't treated as a scroll is because the timeline feature is a very complicated setup so that the timeline bar at the bottom matches the position of the main timeline with images.

If swiping were treated as a scrolling effect, the timeline bar at the bottom wouldn't be able to "talk" with the main timeline because it's all connected via a click function.

Please understand, I have a demo site provided so that users can test the theme out and make sure it works for their needs or meet the demands of their clients. I sincerely hope you don't rate my theme poorly for a feature that can be easily tested/viewed on my demo site (especially since this isn't a bug or problem with my code).

I try really hard to make sure there are no surprises with my themes as I do all I can to let you know how it works via my theme demo and walk-through videos.

I hope that makes sense.

Chris

Hi Chris,

Also just today she took a video at the apple store, showing the Curator Demo (not her site) swiping motion and it also is having swiping motion issues as you can see in this video.

http://youtu.be/rNQ7GBZO8oU

So just to show is isn't the number of images on her site or anything. We also turned off the lightboxes on the images to see if that helped - thinking it might just be dealing with the hi res and slowing the processing down of the swipe.

But that hasn't helped either.

Please let me know if you have a solution.

It's definitely not swiping right. Even the techs at Apple say the same thing. It should be MUCH smoother and less jumpy for sure.

Thanks
RM

Chris, my client has had the theme tested on ALL current devices - literally standing in the store loading the site and trying to swipe. Yesterday she shot a video (view here: http://youtu.be/m3pUITOVXkI ) in the Apple Store, and even their people agreed it is not scrolling correctly.

They told Her to tell the theme developer that he needs to fix his SD and/or html5 functionality on the swipe.

We are at the point of going with a different theme and will rate this one poorly. It doesn't scroll smoothly, as you can see, and while it does jump to the beginning on my iPhone, it is sporadic and unpredictable.

Can you please look into this, but quickly, as we have to get our site completed relatively soon.

Thanks
RM

Hmmmm. iPhone 4, using 6.1.3 (10B329) software. 16GB with only 8.6 GB used. Not sure if that's enough info.

Let me know.

RM

Hi there,

I loaded your site on an iPhone 5 running iOS7 and didn't experience any jumping back to the beginning. It's working like it should for me.

Can you provide details about the device you're using (hardware/software). I'll see if I can find one to check it out.

Best,

Chris

Chris,

I have tried this and it doesn't seem to really do anything. The scrolling on the iPhone for example jumps back to the beginning alot. Please view http://staging.parowpictures.com and just see what I mean. Its like every time I put my finger on the screen to use the gesture it jumps back to the beginning. And I can not opt to use the scroll bar at the bottom, because well its soooooo tiny , and the safari navigation overlays also impeded using it. I have tried to scroll through this timeline about ten times now, and I either get a few pictures in and it jumps back to the beginning, or it flies through the pictures then jumps back to the beginning. Super frustrating. While I KNOW the iPhone is not the best place to view such a site, I am attempting to make sure it functions on the smallest device, then I know it will be ok for the larger ones.

I don't have an iPad to test it on, but my client will view it on her iPhone and test it there as well.

Any possible things that can be edited to gain better control of the scroll bar using gestures on devices?

Thanks
RM

Hi there,

Swiping left or right on a touch device will activate the left click and right click functions. The speed of these click functions is controlled from the custom.js file. The left click function speed is on line 233 and the right click function speed is on line 266. Both look like this...

var animateSpeed = 1000,

Change that 1000 to a lower number like 700 to make the animation occur faster.

Regarding the scrollbar, unfortunately there is a lot going on there and increasing the size and making adjustments to the scrollbar isn't a quick and easy edit. For requests like that, please submit a customization request: http://themolitor.com/custom

Let me know if that helps.

Best,

Chris

Chris,

Thank you for all the updates. I however agree with rmorson. While the scrolling feature is nice, it really lacks the fluidity most users expect.

Hi Chris,

Thanks for the update. While it works as per my client checking on her mobile devices, my client did ask if the speed at which the timeline moves when a user swipes can be controlled? It seems quite slow. and people want things quickly. She still struggled with the speed.

Also, can we still get the code necessary to increase the overall scrollbar size (I'd like to increase it by at least 1.5x the size it is now - the entire thing, including arrows etc.)

Please advise.

Thanks
RM

For more info, I posted this thread the other day: http://www.themolitor.com/forums/topic/update-v140-for-the-curator

Best,

Chris

Hi there,

The update is available now. You should have gotten an email from ThemeForest about the update on Thursday (unless you have that feature disabled).

I was out of the office until now, so I wasn't able to jump in here and update the forum.

Thanks!

Chris

Any estimate for this? Are we talking days, weeks or months?

It's now become vital at this end.

Thanks

Working on an update as we speak. Going to be adding a lot of additional features too :-)

Preview of updates:

added option to turn title year on/off
added option to link to post page instead of image
added timeline order option
More to come...

I'll post here when the update is available :-)

Best,

Chris

I appreciate the feedback. I'll see if I can put together an update with gesture control this week.

Best,

Chris

Can we possibly get a fix temporarily for the inability to navigate the horizontal scrolling feature. On portable devices it is so tiny that one can not touch the scroll bar and move it in order to view the images. We have tried it on varying sizes of devices, from iPhone to iPad and larger tablets, and it is so tiny it is inaccessible. And while we appreciate that this theme is sold as a semi-responsive theme, the one feature that is most important (navigation and scrolling of the timeline) is entirely unusable on portable devices, as it is designed - not implementing finger motion, but just being able to touch the scroll bar and slide it across.

So, I suppose my request is the following:

Can you provide the css and/or any appropriate code, to increase the size of the entire scrollbar area (including the background) so that on smaller devices like the iPhone, it is large enough to touch (say double in size).

Or can you implement the finger gestures that SO MANY portable devices use today. While I understand this theme to be semi-responsive, the main feature (timeline) is completely useless on smaller devices as it stands now.

We have tested it on all sizes, and the only one that it is usable on is a desktop, because the mouse is able to click and hold on the slider to move the timeline. Whenever a finger needs to do that, the scrolling area is soooo tiny, it is virtually unclickkble, and also often the attempts to click it make the "copy" feature come up instead. Even larger tablet users can not click and use the bottom scrollbar.

We love the theme, but will be forced to find something that is responsive if we can't work/edit this out using code.

Please help.

THanks!
RM

Thanks for the feedback! :-)

Best,

Chris

Also think that this would be a sensible addition to the theme, as it doesn't quite work on iOS devices.

Thanks

Hi there,

I don't have an ETA, but if you need something done right away, you can submit a request here: http://themolitor.com/custom -- someone from the Werkpress team will get in contact with you regarding cost and time.

Thanks!

Chris

Chris,

Would you by chance have an ETA on considering this? I have a client, who is a painter, that would be perfect for. If I have to purchase the template first, before you consider it. That is fine. I will do that. I just wanted to know that if I do, I can tell the client that feature will be in place before we are finished with the website.

By the way, if you want to see another one of your templates, in use. Please visit this site: http://autismdigest.com/. It's based on your work. Thank you!

Also, can you send me an email of your WordPress coding pricing. I have some jobs coming up and my current coder is booked. Is this something you might be interested in?

Sincerely,
Robert F. Morrow
Owner | tomorrowsdesigns.com