-
AuthorPosts
-
January 22, 2016 at 2:04 pm #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
January 22, 2016 at 2:42 pm #570084Hi 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,
AndyJanuary 22, 2016 at 5:20 pm #570225Hello 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
January 22, 2016 at 6:21 pm #570264Hi,
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
January 22, 2016 at 8:03 pm #570298Hey!
Can you please based on the following
http://quirktools.com/screenfly/provide us with some info, where we have to fix what?
Regards,
BasilisJanuary 23, 2016 at 10:55 pm #570623Hi,
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=22When 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=22We 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=23I hope this makes sense..
Many thanks in advance for your help.
A. El-Hani
January 25, 2016 at 6:12 pm #571503Hi guys,
Have you managed to sort out the issue described above?
Many thanks
January 27, 2016 at 7:04 am #572622Hey!
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,
IsmaelJanuary 27, 2016 at 12:10 pm #572780Hello Ismael,
You are a genius.
Thank you so much.
A El-Hani
January 29, 2016 at 9:52 am #574394Hi!
Glad we could help you! Thank you for using Enfold.
Best regards,
Vinay -
AuthorPosts
- The topic ‘Activate for smart phone and tablets for Photography theme’ is closed to new replies.