Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #570043

    Hi,

    I’m using your template “Enfold Photography”, but when I preview it on iPad either in portrait or landscape, the menu is still visible on the left hand side and is not responsive as in a mobile. This way it is pushing against the main content area, which makes it much smaller. How can I make it responsive for iPad please?

    Many thanks

    #570084

    Hi elhani!

    can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Regards,
    Andy

    #570225

    Hello Andy,

    Thank you so much for your reply.

    The theme is as is from your demo. I have an iPad Air and the menu does not go into tablet mode on it. If you check yours, you’ll see what I mean.

    Many thanks

    #570264

    Hi,

    Sorry, just to let you know that I’m working on a site locally, and testing via different desktop browsers for different size screens, hence I noticed the issue with the theme. When I checked your demo one, it behaved exactly the same.

    Any help to resolve the menu issue would be much appreciated.

    Thanks

    #570298

    Hey!

    Can you please based on the following
    http://quirktools.com/screenfly/

    provide us with some info, where we have to fix what?

    Regards,
    Basilis

    #570623

    Hi,

    Thank you for your response and your link.

    When the demo photography site is viewed on iPad in a portrait mode, the menu stays visible on the left, just as shown in the images below:
    http://quirktools.com/screenfly/#u=http%3A//kriesi.at/themes/enfold-photography/&w=768&h=1024&a=22

    When viewed in a landscape mode, the menu still shows –
    http://quirktools.com/screenfly/#u=http%3A//kriesi.at/themes/enfold-photography/&w=1024&h=768&a=22

    We would love to have the menu collapse when viewed on an iPad in either portrait or landscape mode, just like this one:
    http://quirktools.com/screenfly/#u=http%3A//kriesi.at/themes/enfold-photography/&w=603&h=966&a=23

    I hope this makes sense..

    Many thanks in advance for your help.

    A. El-Hani

    #571503

    Hi guys,

    Have you managed to sort out the issue described above?

    Many thanks

    #572622

    Hey!

    Please add this in the functions.php file:

    // header sidebar
    function ava_header_sidebar(){
    ?>
    <script>
    (function($){
    	var removeSidebar = function() {
    	    if (window.matchMedia('(max-width: 1024px)').matches) {
    	        $('html').removeClass('html_header_left html_header_sidebar');
    	    }
    	}
    
    	removeSidebar();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_header_sidebar');

    .. and the following code in the Quick CSS field:

    @media only screen and (max-width: 1024px) {
      .container #advanced_menu_toggle, #advanced_menu_hide {
          display: block;
      }
    
      .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
        display: none;
      }
    
      .responsive #top #menu-item-shop.cart_dropdown {
        margin: 0;
        top: 0;
        border: none;
        height: 100%;
        width: auto;
        line-height: 80px;
      }
    }

    Regards,
    Ismael

    #572780

    Hello Ismael,

    You are a genius.

    Thank you so much.

    A El-Hani

    #574394

    Hi!

    Glad we could help you! Thank you for using Enfold.

    Best regards,
    Vinay

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Activate for smart phone and tablets for Photography theme’ is closed to new replies.