Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 22, 2017 at 9:11 pm #765048
    rdswestnet

    Dear Staff

    For quite a while I have been using the quick css below to set minimum height of fullwidth easy slider on phone. The purpose is to prevent the “Contact” button from droping below the bottom of the image at narrow screen sizes. For some reason it is not longer working. Maybe I forgot to test it after last update, Can you please suggest a solution? Page is http://marthamhall.com/ Thanks Much

    .page-id-134 @media only screen and (max-width: 768px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
    height: 290px !important;
    }
    }
    /*above makes the homepage slider taller on small devices to not hide contact button*/

    March 24, 2017 at 3:27 pm #766237
    Victoria

    Hey rdswestnet,

    Here are the style to be used in this case. Put them to Quick Css or in themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0px;
}
#top .avia-slideshow-button.avia-color-light {
    padding: 7px 16px;
}

#top .avia-slideshow-button {
  margin-top: 0px;
}
}

    Let us know if this was helpful.
    Best regards,
    Victoria

    March 25, 2017 at 8:15 pm #766711
    rdswestnet

    Thanks that works perfectly. Also thanks to all of you for never stopping to make Enfold better!

    Rob

    March 26, 2017 at 8:00 am #766859
    Rikard

    Hi Rob,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 28, 2017 at 7:01 pm #768384
    rdswestnet

    Issue is resolved you can close this topic.

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