Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 18, 2013 at 3:42 am #201359
    Angiec13

    Hi- Having issues with responsiveness on the following devices and in these scenarios:

    1. IPad held at portrait layout: logo is getting smaller, but is halfway behind the navigation— what css will fix this?

    2. Android Samsung S4: logo is not centered and navigation isn’t appearing if I hold it at portrait or landscape orientations.

    We are behind a coming soon mode right now, so will post the login info to view the site in a private reply to this post.

    Thanks for all your help and time!

    December 18, 2013 at 3:44 am #201361
    Angiec13
    This reply has been marked as private.
    December 18, 2013 at 4:47 am #201381
    Angiec13

    I just realized that on the ipad, the menu is still showing… we would like it to be the fly-out like you have on your theme preview… however, I have that selected on the back-end and it’s not appearing on the site for some reason.

    Can we have the navigation switch to the mobile style at the vertical/portrait tablet orientation?

    December 18, 2013 at 4:52 am #201383
    Yigit

    Hi!

    Please try flushing browser cache and refresh your page a few times. Slide out menu is displayed on my end.
    You can refer to the first part of this post to change the width to switch to mobile menu https://kriesi.at/support/topic/browser-issues-in-firefox-and-ios-ipad/#post-198342

    Cheers!
    Yigit

    December 19, 2013 at 2:13 pm #202014
    Angiec13
    This reply has been marked as private.
    December 19, 2013 at 2:53 pm #202024
    Yigit

    Hey!

    Sorry, i did not realized that i sent you instructions for Eunoia. You should open Avia.js file that is inside wp-content\themes\enfold\js folder and find

    function avia_responsive_menu()
    {
    	var win = $(window), header = $('.responsive #header');

    	if(!header.length) return;

    	var menu 			  = header.find('.main_menu ul:eq(0)'),
	    	first_level_items = menu.find('>li').length,
	    	bottom_menu 	  = $('html').is('.bottom_nav_header'),
	    	switchWidth 	  = 767;

    which should be between 291st and 300th lines. And simply change 767 to needed value

    Best regards,
    Yigit

    December 19, 2013 at 3:06 pm #202029
    Angiec13

    Thanks! I am still having this issue from my Android Samsung S4: logo is not centered and navigation isn’t appearing if I hold it at portrait or landscape orientations.

    Also– the layer slider is not showing on my Android phone, either– have not checked on iphone. How can I fix this?

    Thanks!
    Angie

    December 21, 2013 at 4:13 pm #202891
    Devin

    Hey!

    There is another bit of css needed to fully change of the switch width for the menu and then make the other menu show/hide. See: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger/?replies=5#post-132320

    As for the LayerSlider, there is nothing in the theme or plugin to prevent it from showing on mobile devices so it definitely shouldn’t be happening. There are a couple of things to do from here however: first is to update your theme and WordPress. Both have updates that will work better together and fix a lot of bugs that have been in line to go live for a while.

    Best regards,
    Devin

    December 24, 2013 at 4:10 am #203429
    Angiec13

    Hi- I followed the advice in the above tutorial and it worked. Thank you! :) Please mark this thread closed.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Navigation/Logo Affected on IPad and Android/Samsung’ is closed to new replies.