Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 7, 2015 at 4:04 pm #441021
    CurlyHost

    I started this topic and thought it was fixed but it seems to still be an issue using Safari on an iPhone 6

    https://kriesi.at/support/topic/ipad-mini/

    Could someone check it out?

    http://www.squareonedesign.com/

    May 8, 2015 at 6:25 am #441391
    Rikard

    Hey Andrea!

    I checked on iphone4/safari but I couldn’t reproduce the issue, does it only happen in Safari?

    Regards,
    Rikard

    May 8, 2015 at 2:50 pm #441529
    CurlyHost

    It seems to only be an iPhone 6 (previous models are fine) using Safari and iPads and iPad minis using Safari – other browsers are fine.

    May 8, 2015 at 6:20 pm #441708
    CurlyHost

    The issue seems to be very specific – if I put an image above the portfolio pieces it loads fine.

    May 8, 2015 at 7:21 pm #441744
    CurlyHost

    So, I “fixed” it by putting a 1×1 transparent pixel in a slideshow area above the portfolio grid. For whatever reason, having an image load before the portfolio items makes it all load correctly the first time.

    May 8, 2015 at 7:40 pm #441748
    CurlyHost

    Sorry, I don’t have an iPhone 6 so I can’t troubleshoot with the staff at squareonedesign.com on it. It works on an iPad now with an image before the portfolio items, but not on an iPhone 6 with Safari.

    May 8, 2015 at 7:56 pm #441749
    CurlyHost

    Here’s the breakdown of everything they are experiencing…

    The iPhone 6 with Safari is having these issues:

    In Portrait View Only:
    – Home page: Grid of images does not show up (issue occurs about 50% of the time)
    – Work page: Grid of images does not show up (issue occurs 99% of the time)
    – We’ve noticed that if you turn the phone to landscape view, the images instantly appear (as the 2-columns grid.) Then if you rotate back to portrait view, the images remain viewable.
    – The site functions 100% normally in landscape view.

    May 11, 2015 at 1:13 am #442165
    CurlyHost

    Here’s what I found – and this isn’t the solution that they will like, the design necessitated that instead of the mobile menu I kept the normal menu there and I used the following CSS:

    @media only screen and (max-width: 767px) {
    .container #advanced_menu_toggle, #advanced_menu_hide {
    display: none;
    }

    #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    }

    .main_menu, #header_main_alternate, .main_menu .avia-menu, #header_main_alternate {
    display: block;
    }

    .responsive #header .main_menu ul, .main_menu .avia-menu, #header_main_alternate {
    display: block;
    }
    }

    Do you have a different solution to get rid of the mobile menu button and keep the normal menu stacked?

    May 13, 2015 at 7:23 am #443565
    Josue

    Hi!

    Your solution seems to be working fine, could you detail what’s exactly wrong with it?

    Regards,
    Josue

    May 13, 2015 at 2:51 pm #443741
    CurlyHost

    When I use this code it breaks the portfolio grid on an iPhone 6 using Safari.

    @media only screen and (max-width: 767px) {
    .container #advanced_menu_toggle, #advanced_menu_hide {
    display: none;
    }

    #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    }

    .main_menu, #header_main_alternate, .main_menu .avia-menu, #header_main_alternate {
    display: block;
    }

    .responsive #header .main_menu ul, .main_menu .avia-menu, #header_main_alternate {
    display: block;
    }
    }

    The client doesn’t want to use the mobile menu, but instead wanted to have the three menu items just stacked on top of each other in mobile. Do you have another method of disabling the mobile menu and having the menu items stack than the one listed above as that one causes issues in Safari on an iPhone 6.

    May 14, 2015 at 9:04 am #444147
    Josue

    Hm, that’s strange. Can you apply it for a moment so i can check what happens with the grid?

    Regards,
    Josue

    May 14, 2015 at 1:30 pm #444264
    CurlyHost

    Yes, I just put the code back in there – it’s super strange – only on Safari on an iPhone 6 will it start acting weird.

    May 14, 2015 at 7:27 pm #444545
    Josue

    Hi!

    I don’t see anything wrong with the grid – http://a.pomf.se/qcplsm.png, can you post a screenshot of the issue?

    Best regards,
    Josue

    May 14, 2015 at 7:42 pm #444553
    CurlyHost

    What happens is when you are on an iPhone 6 using Safari and you are on the home page and click the Work page it shows up blank until you rotate your screen horizontal and back upright. And then if you click the logo from an interior page it also shows up blank until you rotate it horizontal and back upright.

    May 14, 2015 at 8:52 pm #444600
    Josue

    Hi,

    Try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(this).trigger('resize');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    May 15, 2015 at 5:40 pm #445077
    CurlyHost

    Hmmm – it’s doesn’t seem to have fixed the issue.

    May 15, 2015 at 8:45 pm #445158
    Josue

    Hi,

    Can you hand me a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    May 15, 2015 at 8:50 pm #445160
    CurlyHost
    This reply has been marked as private.
    May 25, 2015 at 5:22 am #449343
    Ismael

    Hey!

    I would like to check the site but the wp login and wp admin isn’t working. Please check. After you add the code above, did you remove the browser cache before testing the page? Mobile browsers tends to hard cache a web page to improve browser experience.

    Regards,
    Ismael

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.