Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 10, 2017 at 12:43 am #745152
    djhal3

    Hi Enfold team,

    My website displays exactly how I want it when viewing on a laptop or computer. However on an iPad the following things are missing:
    – background moves along with content, as opposed to just the content scrolling up the page.
    – background of header is white instead of my default background for the website
    – first portion of my website strangely has a black background, then the proper background kicks in.
    – the colour section’s background at the bottom of the home page is scaled so the whole image fits, but on iPad this isn’t working. it is stretched and only part of the image is visible.

    This is on both the Home and Before&After pages

    You assistance much appreciated.

    Regards,
    Dan

    February 14, 2017 at 4:02 pm #746941
    Andy

    Hey djhal3,

    I can’t see what you mean, looks like this on iPad screen size: http://i.imgur.com/FJryzqh.png
    So pretty much like on desktop for me. Can you provide us some screenshots please?

    Don’t forget to clear browser cache and hard refresh a few times.

    Best regards,
    Andy

    February 16, 2017 at 2:24 am #747754
    djhal3

    Hi, sorry wrong link provided somehow. Please see for updated link.

    The issue is the background not displaying properly on Ipad. I’ve set up the background under Enfold>General Styling>Custom Background Image.
    It doesn’t display for the ‘Home’ page on the header, and first section of the page as well as last section.. (very random!?) as well as ‘Before and After’ page for the header.

    This is just for the ipad.

    Any help greatly appreciated.

    Dan

    February 17, 2017 at 5:35 pm #748548
    Andy

    Hi,

    seems to be fine for me: http://i.imgur.com/eymXZzA.png

    Are you using any caching? if yes switch it off and then deactivate it, clear browser cache and hard refresh a few times. Also check on another device.

    Best regards,
    Andy

    April 4, 2017 at 6:20 am #771509
    djhal3

    Hi Andy,

    No luck. on both Safari and Chrome on the iPad (several different ones), the same issues comes up…

    View post on imgur.com

    The Background I have seems to be “centered” for some reason on the iPad. but on PC, Mobile etc it repeats and is fine.

    April 5, 2017 at 5:20 pm #772675
    Andy

    Hi,

    I can’t see the issue when emulation iPad on my desktop browser, but I asked my teammate to check it. Please wait until he’ll reply to you.

    Best regards,
    Andy

    April 5, 2017 at 11:19 pm #772883
    John Torvik

    Hi!

    Try adding this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    


@media screen and (min-width: 766px)  and (max-width: 768px) {
   #landingpage { 
      height: 300px;
  } 
}

    Best regards,
    John

    April 6, 2017 at 12:34 am #772917
    djhal3

    No luck sorry. Nothing has changed even after hard refresh/clearing cache.
    It still appears on the ipad that the background image is somehow centered in the middle of the page only visible when I scroll down. Rather than stretched across the whole screen (from the header right down to the footer), with text scrolling over it, as it appears on all other devices.

    April 6, 2017 at 7:57 am #773005
    John Torvik

    Hi,

    Try to add the !important after the 300px inside the height property.

    Best regards,
    John Torvik

    • This reply was modified 7 years, 7 months ago by John Torvik.
    April 6, 2017 at 1:52 pm #773177
    djhal3

    Sorry John, still not luck. I’ve tried this along with a whole range of other things.
    Is there anything else that might fix this background image issue on the ipad? Really like Enfold but at a loss with this particular issue.

    Thanks,
    Dan

    April 11, 2017 at 6:18 am #775811
    Ismael

    Hi,

    Why do you have the following css code?

    .main_color {
    background: #000000 url(//test.chandelier-chiner.com.au/wp-content/uploads/2017/01/52814319-classy-wallpaper.jpg) center center no-repeat fixed;
}

    It overrides every background properties in the site.

    Best regards,
    Ismael

    April 11, 2017 at 1:18 pm #775993
    djhal3

    Thanks for your reply Ismael – I hope you’re onto something.. however I am unable to locate this css you posted in my Quick CSS.
    Is it possible it has been coded in through the General Styling tab under Enfold Theme Options (http://imgur.com/a/wiI9F)?

    Dan

    April 11, 2017 at 2:50 pm #776069
    Victoria

    Hi djhal3,

    Yes, very possible, just maybe in a different section, the one with content and color, not menu.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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