Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 21, 2014 at 6:09 pm #293947
    CloudChoice

    HI,

    I set a Custom Background Image with Background Attachment: FIXED in a COLOR SECTION.
    In IPAD and IPHONE the same not work creating a strange effect where the image is stretched to fill the entire section.
    What can I do?

    July 22, 2014 at 5:38 pm #294478
    Yigit

    Hi CloudChoice!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.page-id-2392 div#av_section_2 { background-size: cover; }}

    Best regards,
    Yigit

    July 22, 2014 at 6:45 pm #294523
    CloudChoice

    HI,

    Thanks for the support. I applied this code:

    @media only screen and (max-width: 990px) {

.page-id-2392 div#av_section_2 { 
background-size: cover; }
.page-id-734 div#av_section_8 { 
background-size: cover; }
}

    But there has been no visible change on the iPad.

    July 23, 2014 at 12:18 am #294658
    Yigit

    Hi!

    Please try disabling CSS minifying feature on the plugin you are using. Code is currently not being applied.

    Regards,
    Yigit

    July 23, 2014 at 12:38 am #294679
    CloudChoice

    HI,

    I disable the W3TC BUT the problem continues.

    July 23, 2014 at 8:31 am #294815
    Ismael

    Hi!

    Thank you for the update.

    Are you referring to the NOSSA NUVEM section? If possible, please post a screenshot on how you want it to look like on iPad. It shows fine on iPad but it covers the whole section because of the image size. Please use this on Quick CSS or custom.css:

    @media only screen and (max-width: 990px) {
.page-id-2392 div#av_section_2 {
background-size: 50% !important;
}
}

    Cheers!
    Ismael

    July 23, 2014 at 5:02 pm #295033
    CloudChoice
    This reply has been marked as private.
    July 24, 2014 at 3:12 am #295233
    CloudChoice

    Hi,

    Here is a picture comparing the two screens, computer x IPAD.

    computer x ipad

    Any suggestions?

    THANKS

    July 27, 2014 at 9:18 am #296389
    Devin

    Hi!

    What iPad version and iOS version is that happening on? I just tried it with mine and then a few emulators but didn’t get any issues.

    Cheers!
    Devin

    July 27, 2014 at 10:36 pm #296531
    CloudChoice

    HI,

    I change the logic.

    I left the background images in SCROLL, and in CSS I left:

    @media only screen and (min-width: 990px) {
    .responsive .page-id-2392 div#av_section_2 {
    background-attachment: fixed !important;
    }

    The problem is: in IPAD the image is not showing. when the width is above 999px.

    IPAD 16 GB Model A1396 IOS 7.1.2

    Any idea?

    July 31, 2014 at 7:31 am #298123
    Devin

    Try changing the file name of the image to sobre-nos.png without the accent. Wild guess but maybe iOS has an issue there.

    July 31, 2014 at 3:46 pm #298277
    CloudChoice
    This reply has been marked as private.
    August 4, 2014 at 4:53 pm #299752
    Yigit

    Hey!

    Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 990px) {
.avia-section { background-position: center center!important; }}

    Best regards,
    Yigit

    August 4, 2014 at 9:06 pm #299867
    CloudChoice

    Hi,

    Well, continues no working.
    The images are set for scroll.
    In IPAD the images not apear when i set the css for:

    .responsive .page-id-2392 div#av_section_2 {
    background-attachment: fixed!important;
    }
    Just in computer as FIXED.

    IF i set for:

    .responsive .avia-ipad .page-id-2392 div#av_section_2 {
    background-attachment: fixed !important;
    }

    the images appear scrool in IPAD BUT becomes scroll in computer.

    August 4, 2014 at 9:09 pm #299869
    CloudChoice

    In short:

    I can not get a picture FIXED in computer, and SCROLLING in IPAD.

    August 12, 2014 at 4:38 pm #303292
    Yigit

    Hi!

    Sorry for the late reply. You have following code in Quick CSS field

    @media only screen and (min-width: 990px) {
.responsive .page-id-734 div#av_section_8 {
background-attachment: fixed!important;
}}

    please change it to following one

    @media only screen and (min-width: 1024px) {
.responsive .page-id-734 div#av_section_8 {
background-attachment: fixed!important;
}}

    then add following code to Quick CSS

    @media only screen and (max-width: 1023px) {
.avia-section { background-attachment: scroll !important; }}

    Regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Background image in color section not working in IPHONE and IPAD’ is closed to new replies.