Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 9, 2016 at 11:01 am #684106
    baiker

    Hello
    This is, as it seems, just a Safari problem: As soon as the user uses the mobile menu toggle once, the menu hide doesn’t work properly anymore. Means, if the user swipe to left, the menu is not longer hidden, the window swipes to left, on desktop, mobile, tablet. Difficult to explain in english.

    We already had this Problem in the past, and the following solution came from support:
    —
    please add following code to Quick CSS in Enfold theme options under General Styling tab
    #wrap_all {
    position: relative !important;
    }
    —

    That helps with stretched layout, but doesn’t work with “boxed layout”.

    How can I prevent that?
    Tanks for help.

    September 11, 2016 at 6:18 am #684654
    Rikard

    Hey baiker,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    September 11, 2016 at 12:36 pm #684746
    baiker

    Hi Rikard

    Here’s the login.

    September 12, 2016 at 7:26 am #684911
    Rikard

    Hi,

    I could not see the problem you are describing using iphone6 and latest version of Safari. In what browser/device are you seeing that?

    Thanks,
    Rikard

    September 12, 2016 at 10:03 am #684962
    baiker

    Hi,

    it’s on every device: ipad, MacBookAir El Capitan, iphone5 (ok, this is old, but anyway), imac osx Yosemite. On all devices with latest safari version.
    Try this:
    1. go to http://www.spiraag.ch
    2. on desktop: shrink the browser, until menue change to mobile menu
    3. swipe left want to show next page, and you’ll see the mobile menu in top right corner
    a) sometimes I need first to open/close the mobile menu before that happens.

    Hope, you’ll see it. This happens not only on my devices, I checked this.

    Thanks, René

    September 13, 2016 at 8:24 am #685572
    Rikard

    Hi,

    I can reproduce the problem on tablet (ipad) but not on desktop or mobile, did you do any customisations at all to the theme? If so please try removing them to see if any of them is causing the issue.

    A new version of the theme was released yesterday so updating might help as well.

    Regards,
    Rikard

    September 13, 2016 at 8:46 pm #686014
    baiker

    Hi Rikard,

    I resolved the problem by changing the css code. I’m using now following code for showing mobile menu smaller than 100% on desktop mode:

    ul#mobile-advanced {
    width: 100%;
    }

    @media only screen
    and (min-width: 768px) {
    ul#mobile-advanced {
    width: 35%;
    right: -40%;
    }}

    Thanks for your help!
    René

    • This reply was modified 8 years, 2 months ago by baiker.
    September 13, 2016 at 8:52 pm #686016
    Basilis

    Hey!

    Thanks a lot for letting us know and for posting the code here for others!
    Please let us know if we can do anything else for you, we would be happy to help

    Best regards,
    Basilis

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