Forum › Forums › Joomla › Kallyas Template for Joomla! › Showcase Rotation in Chrome App
-
AuthorPosts
-
April 17, 2015 at 6:47 pm #193451
We are having an issue with this template where on mobile devices when you rotate the screen the showcase area does not resize properly in chrome. All testing has shown this works in other mobile browsers but chrome specifically well not resize the images and sometimes the content (intermittently) to match the new size of the screen.
We originally thought this may have been something we had changed in the media queries or something CSS related however upon further testing we found that even the Kallyas demo template suffers from the same exact issue in chrome when rotating on the phone / tablet. See screen shots below
Demo site: http://prntscr.com/6uvuva
Our Site http://prntscr.com/6uvv5x
Our Site on tablet rotating back from landscape: http://prntscr.com/6uvvfuWhat can we do to resolve this issue? We have spent a few hours working with our developers going through all the CSS and JS/Jquery and have not been able to identify anything.
Please advise! Thanks!
April 17, 2015 at 10:19 pm #193454These issues are about details and is not quite easy to create custom fixes.
You didn’t say what about device is about, so I may suppose is about iPad/iPhone devices, because these are always with such issues.
Searching the net I found this > http://goo.gl/zCuWSj
A little bit down, in this post it says > http://goo.gl/jq94Zs
You may read this also > http://goo.gl/e2QQy3Kind regards,
DanielApril 21, 2015 at 5:00 pm #193725Hello Daniel,
These issues are all in android devices, not apple. I am reviewing the items you have sent over now and will apply change to the CSS ordering.
I’m curious if anyone else is having this issue, even the original kallyas template is suffering from the same problem so I just find it difficult to understand how this can be related to just CSS ordering.
April 21, 2015 at 9:01 pm #193748Hello @directive,
Depends of how important is for everybody this issue.
Also, may depend of chrome version, android version etc. Samsung for example has custom browsers based on chrome on their smartphones / tablets. I know because I met this case by myself (I own a Samsung Galaxy Tab tablet).If it is a template issue or not, this is not important. Important is to ask and search solutions if there are any available (or if somebody had same issues), as nothing is perfect all around.
April 22, 2015 at 9:20 am #193774You can try to see this also > http://foundation.zurb.com/docs/media-queries.html
See BTW that your screenshot from themeforest comments are from HTML version of the template.
You are using Joomla and any of 3rd part extensions can interfere with your media queries.And please disable jquery easy plugin and use our jquery system plugin (that is loading only the right jquery library only once).
KR, Daniel
June 15, 2015 at 3:11 pm #196980i am the developer working on js issues and i found this fix
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(window).resize(function() {
setTimeout(function() {
jQuery('#iosslider<?php echo $modID; ?>').iosSlider('update');
}, 150);
});
});
</script> -
AuthorPosts
The topic ‘Showcase Rotation in Chrome App’ is closed to new replies.