Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 21, 2017 at 5:42 am #736699
    hingex

    Tested this on IPhone 6, 6.5 IOS 10.2 and ON Android.
    Issues
    – The background image in the main section does not show
    – Does not seem to be responsive on mobile as several sections appear in a distorted form
    – The menu opens up minus a background on mobile, its white and does not conform to the style fo the menu on desktop with regard to color and background
    – The phone number in the top menu appears centered on mobile

    I have responsive option checked in Enfold settings but there are too many things wrong on mobile. Why is this so ?

    Some of these links are older but I viewed and read them anyways but no solution.
    https://kriesi.at/support/topic/mobile-not-displaying-correctly/

    January 21, 2017 at 5:46 am #736700
    hingex

    I have provided login credentials just in case you are wondering what plugins I have and active

    January 24, 2017 at 6:51 pm #737886
    hingex

    Hello This is 3 days now. Is there anyone to assist ?

    January 26, 2017 at 6:48 am #738742
    Ismael

    Hi,

    Thank you for using Enfold.

    1.) It is displaying but it’s a little too big for the screen. Try to adjust the Background Image Position to “Center center” and Background Repeat to “Stretch to Fit”.

    2.) Which elements? Distorted how? Could you please provide a screenshot?

    3.) Would you like to change the background of the mobile menu? You can use this in the Quick CSS field.

    #mobile-advanced {
    background: red;
}

    4.) Please change the alignment with this css code.

    @media only screen and (max-width: 767px) {
.responsive .phone-info {
    text-align: left;
}
}

    If possible, please create a single thread or post for each of your inquiry. Thank you!

    Best regards,
    Ismael

    January 29, 2017 at 12:35 am #739867
    hingex

    Ismael,
    I will do so in the future and I appreciate the responses.
    Everything is fixed and then some.

    #mobile-advanced {
    background: red;
    }
    This one did’t seem to take. At least I did not see a difference on IPhone. Just an FYI.

    For the previously mentioned distorted elements, I will have to test on Android again and will create a separate case if needed.

    January 29, 2017 at 5:16 pm #739964
    Basilis

    Hi!

    Try it as

    
#mobile-advanced {
background-color: red !important;
}

    and let us know if it works.
    Thanks a lot for your understanding

    Regards,
    Basilis

    February 2, 2017 at 9:16 pm #742028
    hingex

    That doesn’t seem to take either but all good!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold not rendering correctly on mobile’ is closed to new replies.