Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 20, 2015 at 3:07 am #490514
    slimmer1

    Hi Enfold,

    You have been very helpful with past issues, and when we encountered mobile device menu issues recently, I was able to find a post that resolved the issue for iPhone 6: https://kriesi.at/support/topic/mobile-menu-always-visible-on-the-right-of-website-iphone-6-plus/#post-467886

    We added the following code snippet to custom.css because we have almost the same exact custom.css snippet seen in topic #469045, and that was causing their menus to wrap as well

    @media screen and (max-width: 767px) {
    #wrap_all { position: relative !important; }
    }

    …and it fixed the iPhone 6 wrapping issue, but the same issue persists on iPad. I have added a link to the screenshot of the iPad issue seen at http://crimlawny.com/case-results/ in private content

    I tested changing the max-width value from 767 to 1025, and that fixed the wrapping issue in portrait mode for iPad, but introduced undesirable framing in landscape mode.

    I am guessing that the solving the wrapping issue for iPad requires additional code in custom.css, and if so, would you be so kind as to recommend that?

    Thanks! -Alan

    August 21, 2015 at 12:41 pm #491332
    Andy

    Hey slimmer1!

    you need to work with media queries. For iPad landscape mode only use this and fit your code inside of the brackets:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

}

    Regards,
    Andy

    August 22, 2015 at 2:45 am #491654
    slimmer1

    Hi Andy,

    Thanks for the template. I substituted ‘portrait’ for ‘landscape’ and applied it to the custom.css file after inserting the wrap_all command. That resolved the menu issue on iPad. This is the snippet I added to custom.css:

    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait) {
    #wrap_all { position: relative !important; }
    }

    Thanks! -Alan

    August 25, 2015 at 11:25 am #492803
    Andy

    Hey!

    glad we could help and thanks for sharing. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

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