Tagged: , , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 27, 2019 at 9:57 pm #1122442
    leahmarieoski

    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!

    July 29, 2019 at 5:43 am #1122628
    Rikard

    Hey leahmarieoski,

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

    Best regards,
    Rikard

    August 4, 2019 at 8:37 pm #1124581
    leahmarieoski

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

    August 5, 2019 at 12:14 am #1124594
    leahmarieoski

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

    August 5, 2019 at 5:13 am #1124638
    Rikard

    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

    August 9, 2019 at 12:22 pm #1126190
    leahmarieoski

    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.

    August 11, 2019 at 9:09 pm #1126666
    Basilis

    Hi,

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

    Best regards,
    Basilis

    August 11, 2019 at 9:29 pm #1126670
    leahmarieoski

    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.

    August 13, 2019 at 11:40 am #1127151
    Victoria

    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

    November 23, 2020 at 1:16 am #1262182
    dlambers

    Hello,

    Im working with an Enfold theme and when I set the Images to ‘Fixed’ rather than scroll the images are not responsive on the site. Will NOT show up on mobile.

    I have updated the theme, tried everything I can think of. I see that others have had this issue, but I don’t see a resolution.

    I’ve provided credentials for you to take a look and I left the very last image as ‘fixed’ so that you can see what’s happening. I had to add an image block for the others because the site has to remain live for my client. If not, only the first (scroll) photo and the image block will show on mobile as responsive.

    Hoping you can help – the fixed photo appearance is the only reason my client wanted this particular theme.

    Thank you –

    November 24, 2020 at 10:13 pm #1262821
    Victoria

    Hi dlambers,

    Please have a look at the solution posted here:

    parallax problem, picture size on ipad

    Best regards,
    Victoria

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