Forum › Forums › Joomla › Kallyas Template for Joomla! › Showcase Rotation in Chrome App

This topic is: resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 17, 2015 at 6:47 pm #193451
    directive
    Participant
    Post count: 16

    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/6uvvfu

    What 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 #193454
    Daniel
    Spectator
    Post count: 5777

    These 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/e2QQy3

    Kind regards,
    Daniel

    April 21, 2015 at 5:00 pm #193725
    directive
    Participant
    Post count: 16

    Hello 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 #193748
    Daniel
    Spectator
    Post count: 5777

    Hello @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 #193774
    Daniel
    Spectator
    Post count: 5777

    You 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 #196980
    directive
    Participant
    Post count: 16

    i 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>

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Showcase Rotation in Chrome App’ is closed to new replies.