Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 26, 2015 at 1:11 pm #385409
    WEBIGAMI

    Hi team,

    the scroll down link in the full screen slideshow won’t show on mobile from the start (only if you scroll down). How can I increase the padding to the bottom or make it appear on the screen? I tried this code in quick css but it doesn’t work:

    `@media only screen and (min-width: 480px) {
    .scroll-down-link { padding-bottom: 50px !important; }
    }

    Thanks and cheers,
    Jan

    January 27, 2015 at 7:52 am #386013
    Josue

    Hey Jan!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    #scroll-top-link{
        opacity: 0.7;
        visibility: visible;
    }
}

    Cheers! 
    Josue

    January 27, 2015 at 12:40 pm #386159
    WEBIGAMI

    Hi Josue,

    thank you. But this makes the “Back to top”-button appear on the top ;)

    I mean the “scroll down link” you can activate on full screen slider. It’s hardly visible on smartphones. Please see a screenshot here:

    Cheers,
    Jan

    January 27, 2015 at 10:17 pm #386639
    Josue

    Hey Jan!

    Sorry for the confusion, can you please post a link to the website?

    Regards,
    Josue

    January 28, 2015 at 12:23 pm #386917
    WEBIGAMI

    Hey Josue,

    sure:

    http://www.emt-clean-powers.com

    Please try it with a phone or here:

    http://ami.responsivedesign.is/?url=http%3A%2F%2Fwww.emt-clean-powers.com#

    The scroll down link/arrow is not visible on smartphones.

    Cheers,
    Jan

    January 28, 2015 at 10:22 pm #387428
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {position: absolute;}
}

    Cheers! 
    Josue

    January 28, 2015 at 10:46 pm #387440
    WEBIGAMI

    Hi Josue,

    thank you. It looks good on the frontpage, but the first section title on the other pages (header is visbible when scrolling down) get overlapped by the header with this css. I already removed your code again.

    Can you think of something like a gap or padding for the arrow from the bottom!?

    Thanks,
    Jan

    January 28, 2015 at 10:58 pm #387446
    WEBIGAMI

    By the way: it’s a general problem on the iphone. Because of the iPhone navigation bar on the bottom, which disappears not only after scrolling down.

    You should probably report to Kriesi about this issue.

    Cheers,
    Jan

    January 30, 2015 at 8:50 am #388141
    Ismael

    Hey!

    Try to replace the code with this:

    @media only screen and (max-width: 767px) {
.home #top #wrap_all #header {position: absolute !important;}
}

    Best regards,
    Ismael

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