Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • February 21, 2018 at 9:57 am #915330
    Johan Lindvall

    Hi!

    I´m having a problem with Google Maps not showing on iphone and tablets.
    You can check the page; https://www.sudersand.se/kontakt
    I have now hidden the Google map-section for tablets (both landscape and portrait) and mobiles and put in a fullwidth easy slider (hidden for desktops), but the easy slider doesn´t show either.
    I have no idea why!
    All caches have been flushed for a million times. =)

    And another problem, on the same page, is that it all looks fine on the swedish one, but on the english/german pages the “styling” of the contact-page is all messed up. Can you take a look, please?
    Just follow the language-flags at the top right corner of the page.

    February 21, 2018 at 3:35 pm #915513
    Ismael

    Hey Johan,

    Thank you for using Enfold.

    Please try to deactivate the Autoptimize plugin then refresh the page a few times. The screen options are not working because the css codes that are supposed to hide the elements are missing.

    Best regards,
    Ismael

    February 21, 2018 at 3:59 pm #915534
    Johan Lindvall

    Ok, I´ll try…
    But there seems to be a problem to minify scripts with enfold? Are there any other plugins you can recommend that works better?

    Regards Johan

    February 21, 2018 at 8:45 pm #915687
    Basilis

    Hi,

    We are releasing a new version where we will include our own minifying :)
    Until then, you can always use Autoptimise, it does work.

    Best regards,
    Basilis

    February 21, 2018 at 8:47 pm #915689
    Johan Lindvall

    But then I don´t understand…
    Am I supposed to deactivate autopt, refresh a few times, and then reactivate and it is suppose to function without problem?

    Regards Johan

    February 21, 2018 at 9:09 pm #915714
    Basilis

    Hi,
    Yes, that is how it works when you want to do modifications and cache everything together.

    We cant do something regarding that from our side we are afraid.

    Best regards,
    Basilis

    February 21, 2018 at 9:13 pm #915726
    Johan Lindvall

    Ok, I understand.
    I´ve tried to deactivate, flushed cache, refreshed the page, but it still doesn´t work…
    I can´t see the easy slider on the ipad or iphone. Its just empty, white space.

    B.Regards
    Johan

    February 22, 2018 at 7:08 am #915917
    Johan Lindvall

    … and the style of the german/ english contact page still isn´t working… Swedish contact page looks like it should.
    What am I missing? =)

    B.Regards
    Johan

    February 22, 2018 at 7:49 pm #916239
    Basilis

    Hi,

    So the issue that you see a white space is not happening to all, but only some languages?
    If so – you do need to add the slider to other languages also from the backend.

    Best regards,
    Basilis

    February 22, 2018 at 8:11 pm #916281
    Johan Lindvall

    There are two problems.
    I will copy the text from the first post I wrote:

    “I´m having a problem with Google Maps not showing on iphone and tablets.
    You can check the page; https://www.sudersand.se/kontakt
    I have now hidden the Google map-section for tablets and mobiles and put in a fullwidth easy slider (hidden for desktops), but the easy slider doesn´t show either. (empty, white space).

    And another problem, on the same page, is that it all looks fine on the swedish one, but on the english/german pages the “styling” of the contact-page is all messed up. Can you take a look, please?
    Just follow the language-flags at the top right corner of the page.”

    With messed up styling – I mean that the contact form and the text is spread in full width and not inside the maximum 1050px width.

    Best regards Johan

    February 24, 2018 at 5:12 am #916964
    Ismael

    Hi,

    There was an invalid css code in the Quick CSS field. The screen options are working properly now.

    Best regards,
    Ismael

    February 24, 2018 at 12:52 pm #917058
    Johan Lindvall

    Thanks Ismael!

    But the fullwidth easy slider does not show on ipad or iphone still. Check https://www.sudersand.se/kontakt.
    I´ve provided a photo in private.

    Did you turn off W3 total cache and autoptimize?

    Regards Johan

    February 25, 2018 at 6:52 pm #917500
    Basilis

    Hi,

    Yes, we have to turn it off, so we can be able to see any changes that we are doing on the templates.

    Thank you for your understanding

    Best regards,
    Basilis

    February 25, 2018 at 9:24 pm #917587
    Johan Lindvall

    So this is still on your todo-list and I should keep them turned off…? =)

    Thanks for your help.

    Regards Johan

    February 27, 2018 at 4:56 am #918154
    Ismael

    Hi,

    The slider is displaying on our end. What is the actual resolution and model of the iPad? Please try this css code in the Quick CSS field.

    @media only screen and (min-width: 990px) {
.responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
    display: block;
}
}

@media only screen and (min-width: 1200px) {
.responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
    display: none;
}
}

    Best regards,
    Ismael

    February 27, 2018 at 6:39 am #918210
    Johan Lindvall

    For real? Its showing a fullwidth slider on ipad/ iphone with you and a google map modul on your desktop?

    Im having an old ipad but a both my iphone 6s and iphone 7s is showing the same as the picture I´ve put in private.
    Even after the code you just gave me, Ismael.

    Regards Johan

    February 28, 2018 at 9:16 am #918866
    Ismael

    Hi,

    Yes, it’s displaying properly on a browser emulation. However, it’s not displaying on an actual iPad device. I can’t find any errors in the console so I’m not sure what’s causing the issue. Please try to replace the slider with a color section, set a minimum height and then apply the image as background.

    Best regards,
    Ismael

    February 28, 2018 at 9:21 am #918871
    Johan Lindvall

    All right, I´ll try that…
    Can I turn on all my plugins? And change back to swedish? =D

    Regards Johan

    February 28, 2018 at 9:56 am #918890
    Johan Lindvall

    I´d tried to add a color section and it works!
    Thanks!

    The only remaining problem now is that the Google Maps isn´t hidden on tablet landscape and the color section isn´t showing in landscape.
    I bought a new ipad yesterday =D so it seems to be some problem with the themes settings of the pixel screensizes? Maybe a ipad is larger than 990px in landscape?
    It looks fine on tablet portrait (and I made a separate color section for iphones).

    I´m turning in my plugins now btw. =)

    Regards Johan

    March 1, 2018 at 12:26 pm #919582
    Ismael

    Hi,

    Yes, that’s probably the case. Please add this code in the Quick CSS field. :)

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: none;
    }
}

    I’m sorry about the plugins. Yes, please enable them now except for the cache or minification plugin if there’s any.

    Best regards,
    Ismael

    March 1, 2018 at 10:07 pm #919977
    Johan Lindvall

    I´ve added the code and it is still showing perfectly on iphone and tablet portrait,
    but now none (of the google map or colorsection) is showing at all on the landscape.

    And now a fullwidth slider is gone on the frontpage. Only happening on landscape though.

    This was a tricky one to fix… =)

    Regards Johan

    March 5, 2018 at 3:05 am #921260
    Ismael

    Hi,

    bought a new ipad yesterday =D

    Did you buy an iPad Pro? Please try this css code.

    @media only screen and (min-width: 990px) {
     .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
         display: block;
     }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {
    .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
    }
}

@media only screen and (min-width: 1281px) {
    .responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: none;
    }
}

    Best regards,
    Ismael

    March 5, 2018 at 7:31 am #921317
    Johan Lindvall

    Working like a charm!
    On my new, not pro but regular, iPad! =D

    Thanks a lot!

    Regards Johan

    March 6, 2018 at 3:44 am #921987
    Ismael

    Hi,

    Awesome. Please open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Not showing on iphone/ tablet, and more’ is closed to new replies.