Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 5, 2015 at 10:49 am #455040
    pako69

    Hello
    Please look at those screenshot from my iPhone 6 :
    Safari >
    Safari

    Chrome >
    Chrome

    As you can see, the animated white arrow that indicate there is something to see below the Color Section is not visible, it’s only show up if I scroll down a little bit :
    Arrow

    Thanks

    June 6, 2015 at 6:05 am #455383
    Ismael

    Hey pako69!

    Thank you for using Enfold.

    Add this to the Quick CSS field to adjust the position of the link:

    @media only screen and (max-width: 767px) {
#top .scroll-down-link {
  bottom: 140px;
}}

    Regards,
    Ismael

    June 6, 2015 at 9:06 am #455419
    pako69

    Hello Ismael
    Thank you for the quick fix.
    Bus as I am usin an H1 Tag just on top of this arrow I must do that:
    .home .av-special-heading-h1 {top: 15% !important; position: absolute !important;}
    otherwise the arrow goes into the H1

    I have a lot of site with this issue and don’t you think it’s a little bug about how Enfold is calculating the viewport when using full height elements?

    Thanks

    June 8, 2015 at 10:00 am #455855
    Ismael

    Hey!

    Alright. Try to edit js > shortcodes.js, look for this code around line 2207:

    subtract.each(function(){ wh100_mod -= this.offsetHeight - 1; });

			var whCoverMod	= (wh100_mod / 9) * 16;

    Below, you can add this code:

    var mobileheader = $('.responsive #top #wrap_all #header');

      if(mobileheader.css('position') == 'relative') {
        wh100_mod = wh100_mod - mobileheader.height();
      }

    Best regards,
    Ismael

    June 8, 2015 at 7:15 pm #456297
    pako69

    Well… I’ll try but modify Enfold core files is not a good thing as any fix will be erased by any update.
    If it is a real probleme it might be good to include it in a next release, don’t you think?
    Thanks

    June 9, 2015 at 5:49 am #456433
    Ismael

    Hi!

    I’ll ask Kriesi to take a look into it. For the meantime, you can use the first code or you can try that one.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘The Color Section animated down arrow is not visible on mobile’ is closed to new replies.