Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2016 at 10:44 pm #617744
    rdswestnet

    Hello
    http://quirktools.com/screenfly/#u=http%3A//7ef.711.myftpupload.com/&w=768&h=1024&a=22&s=1

    Home

    I don’t want to waste your time so briefly: What I need is some quick css to raise that “contact” button in the fullscreen slider up a bit just on an iPad and big Kindle. It’s perfect otherwise.
    Thanks Very Much, Rob

    Long explanation:
    Previously you had give me the css below:
    @media only screen (min-device-width: 768px) (max-width: 800px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
    height: 500px !important;
    }}
    The purpose is to force the image to be a little taller so the button does not go below the bottom of image – the problem only existed on iPhone or Kindle Fire. Since update to 3.5.3 button is too low in chrome and in Safari the image gets enormously tall.

    • This topic was modified 8 years, 7 months ago by rdswestnet.
    April 20, 2016 at 12:04 am #617772
    Yigit

    Hi rdswestnet!

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

    @media only screen and (max-width: 768px) {
#top .avia-slideshow-button { margin-top: -20px !important; }}

    Best regards,
    Yigit

    April 20, 2016 at 4:20 am #617954
    rdswestnet

    Thanks Yigit. You got me going in the right direction. In order to get it to work on the iPad I needed to nudge the caption up too:

    @media only screen and (min-width: 767px) and (max-width: 1023px) {
    #top .avia-slideshow-button { margin-top: -50px !important; }}

    @media only screen and (min-width: 767px) and (max-width: 1023px) {
    #top .avia-caption-content { margin-top: -25px !important; }}

    April 21, 2016 at 7:57 am #618979
    Rikard

    Hi,

    Glad you got it fixed and thanks for sharing your solution :-)

    Thanks,
    Rikard

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