Tagged: ,

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

    Hi Guys

    I have a colour section with image in the background on my website home page (mountains): http://www.naturaloutlook.com it works on the computer, but shows as a blue solid background on iphone / ipad ?. can this be fixed?.

    Thankyou in advance.


    I found this thread on the forum, but not the same issue: https://kriesi.at/support/topic/color-section-uncompatible-with-iphone-ipad



    It should work properly on ipad or iphone. If you check here, http://responsinator.com/?url=http%3A%2F%2Fwww.naturaloutlook.com%2F the color section with the mountain image is working fine. Let me tag Kriesi and Devin to check this on an actual iOS device.




    The iPad was quote new, but not the latest – I wish I could have found out the OS version / update.

    I will check back to see if anything is flagged?.




    I already tagged Kriesi and Devin. They will check this on their iPads. Please watch the thread here: https://kriesi.at/support/profile/gstar72




    Hi Garry,

    Yes, I’m getting the same issue on your site.

    What are the exact settings for that color section? Are you running WordPress 3.6 right now?




    Hi Devin

    WP 3.6 – everything is up to date.

    The theme is the most recent with all updates.

    The mountain image is uploaded within a colour section ith the following settings in the colour section:

    Img Pos: Top Left

    Rpt: Stretch To Fit

    Bck Att: Fixed

    Padding: Default

    Shadow: No

    Hope this helps?.

    On my laptop, it works fine in Chrome and FF – just problems with iPad, iPhone and Safari Version 5.1.9

    Many thanks, an a big thankyou to the team for the top notch support, I am delighted with the theme.




    There is something off in your css that I can’t put my finger on, but I have real trouble getting anything to move where I want it using css on your site. I even removed the css you used in the custom area, It feels like there are multiple relative/absolute settings got mixed up someplace

    As I wrote before, get rid of the layer slider, or give it more height, since i think thats the cause of your empty space around it as well.




    Hi Nick,

    I have several additions in my Quick CSS from previous queries, could this be what is causing the problem? (below):

    I have the fullscreen easy slider in the footer, but haven’t used the layer slider, do you mean I should delete this element anyway, even if not used?.

    Thanks Nick,


    #top .social_bookmarks li {
    float: right;
    .sub_menu {
    left: 0;

    html {
    background: white !important;

    #top .social_bookmarks_mail:hover a{color:#efefef; background-color:#666666; }

    .iconlist-char {color:#0093dd;}
    .avia-icon-list .iconlist_icon {
    background: white !important; border: 2px solid #0093dd;

    #top #socket .social_bookmarks {
    position: absolute;
    right: 0;

    @media only screen and (min-width: 786px) and (max-width: 1000px) {
    .avia-icon-list .iconlist_icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
    margin-right: 15px;


    Hey! Just got a reply from Nick that he tried to fix the issue but gave up after about half an hour becasue fixing one thing resulted in 2 others beeing broken. We are both not sure what exactly is the problem here but some of the cusomizations or plugins are probably the root.

    At this point you are probably better off hiring a developer on microlancer.com for 2-3 hours, brief him what you want to accomplish and let him do the heavy lifting. Unfortunately this seems to be to big of a deal for the default support we can provide :/

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Colour Section Image Not showing on iPad / iPhone’ is closed to new replies.