Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #765048

    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*/

    #766237

    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

    #766711

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

    Rob

    #766859

    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

    #768384

    Issue is resolved you can close this topic.

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