Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #264830

    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 :)

    #264844

    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

    #264895

    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 :)

    #264913

    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

    #264932

    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

    #267374

    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

    #267404

    Hi Kriesi,

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

    Thanks and Cheers,
    Jan :)

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