Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1122442

    Hi. I have tried everything I can think of to get the initial section you see on my site to be responsive. I have a photo and text there. At first, I wanted it to be parallax but when I looked on my iPad and iPhone nothing would show there – not the picture, not the text. So I changed it to “Fixed” and the photo barely showed and no text showed. So I switched it to “Scroll” and it partially works. On my iPad some of it shows when I’m in Portrait mode but then doesn’t in Landscape mode. On my iPhone only part of the photo shows and no text. I am really confused as I want the picture and text to show on all devices. I’ve read about older issues with Enfold and parallax, but I’ve switched it from parallax hoping to avoid any problems. So I have it set in “Scroll” now and it’s still not working. Can you please assist? I would be done with my site for now and able to put it out for people to look at if not for this issue (which I’ve tried to remedy on my own).

    Thank you!

    #1122628

    Hey leahmarieoski,

    Please provide login details in private so that we can view your site.

    Best regards,
    Rikard

    #1124581

    Hi Rikard. I have provided that info in the Private Content.

    #1124594

    Forgot my username. It’s in Private Content. Thanks.

    #1124638

    Hi,

    Thanks for that. First off, could you try updating the theme to the latest version (4.5.7) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    #1126190

    Hello. I update the theme and some things have changed. But the responsiveness is still not there. On the large (17″) desktop monitor, yes..it looks fine. On the small monitor on my laptop (12″) part of the text over the main banner picture is missing (specifically the “Through Human Connection” is missing. On the iPhone all of the text over the main picture is missing (and that is “Empowering the human element through connection”. On iPad, it works ONLY when in landscape mode. In portrait mode, the last half of the state is cut off.

    #1126666

    Hi,

    The screen you are referring should not be responsive… a 12′ screen size, seems to be a desktop one.

    Best regards,
    Basilis

    #1126670

    Hi Basilis. My 12 inch screen is my small laptop (Asus). I don’t know anyone who has a 12 inch desktop monitor…that’s so small. Should’t matter that it’s a laptop or desktop anyway – it should recognize screen size changes. And that doesn’t even answer my iPad or iPhone issues. They don’t work either.

    #1127151

    Hi leahmarieoski,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
     @media only screen and (max-width:767px){
         .avia-section.av-minimum-height .container .content {
            vertical-align: top;
         }
         #vision {
            height: 250px !important;
            background-size: cover !important;
         }
         .home #av_section_1 {
             display: none;
         }
         .hr.hr-invisible.avia-builder-el-24,
         .hr.hr-invisible.avia-builder-el-25 {
             display: none;
         }
     }
     @media only screen and (min-width:768px) and (max-width: 1024px){
         .avia-section.av-minimum-height .container .content {
            vertical-align: top;
         }
         #vision {
            height: 550px !important;
            background-size: cover !important;
         }
     }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.