Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #441021

    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/

    #441391

    Hey Andrea!

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

    Regards,
    Rikard

    #441529

    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.

    #441708

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

    #441744

    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.

    #441748

    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.

    #441749

    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.

    #442165

    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?

    #443565

    Hi!

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

    Regards,
    Josue

    #443741

    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.

    #444147

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

    Regards,
    Josue

    #444264

    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.

    #444545

    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

    #444553

    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.

    #444600

    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

    #445077

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

    #445158

    Hi,

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

    Regards,
    Josue

    #445160
    This reply has been marked as private.
    #449343

    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

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