Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 12, 2016 at 8:52 am #597167
    Rstegs

    Hello,

    First off, I’d like to apologize in advance as I’m sure this has been asked about before, I just couldn’t find it and gave up after a half-hour of searching out of frustration.

    I recently purchased the Enfold theme and I’m experiencing some mobile responsiveness issues occurring within the header on my site when visited from an iPhone 6s on Safari. Here’s a screenshot from my phone (hope the embed works):

    This presented mobile layout is very different than the menu I experienced when viewing the demo of the enfold church theme on Safari.
    http://kriesi.at/themes/enfold-church/

    Do you have any idea why this is happening?

    Is there something I’ve messed up or checked wrong within the settings to screw this up?

    It’s always easier to ask for forgiveness than it is to ask for permission. Life motto.

    Thanks in advance for your help. Let me know if you need any login credentials to take a look.

    Appreciate it a lot guys!

    – Ryan

    March 16, 2016 at 6:54 pm #599112
    Andy

    Hi Rstegs!

    I like your life motto.

    Use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.avia-slide-wrap img {
height: 260px;
}}

    Regards,
    Andy

    March 16, 2016 at 10:20 pm #599274
    Rstegs

    Thanks Andy!

    Where would I find the “Quick CSS” field to enter the code you’ve provided into?

    I’m assuming that from within wordpress I go to:

    Appearance > Editor > … now what?

    I apologize in advance for the remedialness of this question. Just want to get this issue fixed so I can enjoy the beautiful site you guys have designed.

    March 17, 2016 at 7:04 am #599464
    Rikard

    Hi,

    You can find the Quick CSS box under Enfold–>General Styling, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    March 24, 2016 at 9:40 am #602906
    Rstegs
      Hi Andy,

      I tried entering the code you provided and saved the settings but I’m still experiencing the distorted menu when viewing from my iPhone 6s on Apple’s Safari. I uploaded a video of me doing this and have provided the link below for you.

    • This reply was modified 8 years, 8 months ago by Rstegs.
    March 24, 2016 at 1:21 pm #602989
    Yigit

    Hi!

    Can you please firstly try updating the theme to the latest version 3.5.1 – kriesi.at/documentation/enfold/updating-your-theme-files/?

    Cheers!
    Yigit

    March 24, 2016 at 6:07 pm #603301
    Rstegs

    That did the trick! Thank you.

    Do I still need the custom code that was provided in the ENFOLD settings?

    March 24, 2016 at 6:12 pm #603305
    Yigit

    Hi!

    Great!
    You can temporarily remove it and check if issue remains. If it does, you can put the code right back in there :)

    Regards,
    Yigit

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