Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 14, 2014 at 6:39 pm #264830
    WEBIGAMI

    Hi There,

    I have some issues on the iPad/Smarthones:

    1) iPad: The “Back to the Top”-arrow doesn’t show up sometimes – sometimes it does
    2) iPad: The “Sticky Header”-backgroud doesn’t show up
    3) iPad/Smartphones: The parallax effect is not working on both type of devices

    My Website:
    http://www.webigami.de

    Please advise. I really appreciate your help!

    Thx,
    Jan :)

    May 14, 2014 at 6:54 pm #264844
    Yigit

    Hey jansthh!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab
    1-

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block;
}}

    2-

    @media only screen and (max-width: 768px) { 
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }}

    3- Parallax effect was disabled on mobile in the last update because of compatibility issues

    Cheers!
    Yigit

    May 14, 2014 at 8:52 pm #264895
    WEBIGAMI

    Hi Yigit,

    thanks again.

    Unfortunately, it doesn’t work. The back to top arrow still doesn’t show up on iPad.

    And the sticky header-background only shows up in portrait mode. After I had it in portrait mode and go back to landscape, it works. But only on landscape in the first place, it doesn’t.

    Can you please check on that?

    Thx,
    Jan :)

    May 14, 2014 at 9:09 pm #264913
    Yigit

    Hey!

    Have you flushed browser cache on your ipad? If not, please do so. And try adding !important rule to the first code as following

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

    I do not have a change to check your website on an actual ipad but when i resize the window i see back to top button at all times and i do not see background color anymore

    Best regards,
    Yigit

    May 14, 2014 at 9:38 pm #264932
    WEBIGAMI

    Hi Yigit,

    thank you.

    It works resizing the browser on my hand, too. But still not on the iPad. Still only if I go th portrait mode, wait a while and go back to landscape. Then the header background shows up all of a sudden.

    I have a lot in Custom CSS now. Could there be the problem? Here is what I got:

    #header_meta {
    z-index: 2;
    }

    .image-overlay { display: none!important; }

    .current-menu-item>a>.avia-menu-fx { display: none; }

    .avia-menu-fx { display: none; }

    #top .social_bookmarks_mail:hover a{color:#fff; background-color:#2997ab; }

    .avia_mobile #top .av-parallax-section { z-index: 0; }

    .red-bar .bar{
    background: #2997ab;
    }

    .blue-bar .bar{
    background: #8ccad6;
    }

    #top .grid-entry .inner-entry {
    margin-right: 0px;
    box-shadow: none;
    }

    .post-meta-infos, .news-time{
    display: none;
    }

    .post-meta-infos {
    display: none !important;
    }

    .avia_mobile #top .av-parallax-section{-webkit-transform: translate3d(0,0,0);}

    h1 { font-size: 45px; line-height: 1.2em; font-weight: normal; }

    h2 { font-size: 45px; font-weight: normal; }

    h1, h2, h3, h4, h5, h6 { font-weight: normal; }

    .main_color .av-masonry { background-color: white; }

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive #scroll-top-link {
    display: block !important;
    }}

    @media only screen and (max-width: 768px) {
    .html_header_transparency #top #wrap_all #main { margin-top: -82px; }}

    Cheers,
    Jan

    May 20, 2014 at 4:41 pm #267374
    Kriesi

    Hi!

    Checked in on my ipad and everything works as it should. which generation do you use?

    Please also be aware that in order to save power, the ipad does not do any animation while scrolling. so if you scroll down the scroll to top button will only appear once there is no scroll movement at all. Same for the header fade in :)

    Cheers!
    Kriesi

    May 20, 2014 at 5:16 pm #267404
    WEBIGAMI

    Hi Kriesi,

    thanks for responding. I have the iPad Air. So it should be the power saving.

    Thanks and Cheers,
    Jan :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Ipad Issues’ is closed to new replies.