Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 12, 2014 at 2:12 am #222477
    HiDrew

    Hi there!

    At http://vitalshiftconsulting.netfirms.com/wp/ – sometimes the turtle goes too far to the right depending on screen width. Is there a way to set the maximum it will be positioned to the right when the browser is resized?

    Also – the client loves the Avia fade in effects, and would love the turtle to fade with the “bottom to top” effect so it looks like the turtle is escaping the bowl/flying. ;) Ah, clients! What can we add to make that happen?

    Warm thanks for all your assistance – you guys really do rock the support!

    Cheers..
    Drew

    February 12, 2014 at 9:20 am #222608
    Ismael

    Hi AndrewDelaware!

    1.) You can use media queries to position the turtle on different screen sizes. Place something like this on Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.turtle {
position: absolute;
right: -30px;
top: 0px;
}
}

    2.) Regarding the animation, you can look for css3 animations tutorial on the web. Apply it to the turtle. Cute turtle by the way. :)

    Best regards,
    Ismael

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