Home Forums Ample Construction Pro Homepage slider not responsive

Viewing 11 reply threads
  • Author
    Posts
    • #6648
      Brittany Haugen
      Participant

      Hello ~

      I’m about ready to launch the website sccexcavation.com, but the slider is not responsive on mobile devices causing some of the slider images to hide the “Our Services” header below it. How do I get these slider images to be mobile responsive?

      Thanks!
      Brittany
      site password: 20Street21

    • #6683
      Amplethemes
      Keymaster

      hello, sorry your site we can not access please mail us your site login details at amplethemes@gmail.com , we will add responsive CSS code for you

    • #6705
      Brittany Haugen
      Participant

      Login credentials emailed to amplethemes@gmail.com yesterday around 9:30 am CST. Please check your Spam folder if it’s not in your inbox. Thank you!

    • #6718
      Amplethemes
      Keymaster

      Ok we will check and message you in our working days

    • #6720
      Amplethemes
      Keymaster

      sorry, we can not able to log in your website, Anyway, go to Customize > Additional CSS > Add Below CSS and publish it then let me know it work or not

      @media only screen and (max-width: 600px) {

      div#home-page-widget-area {
      margin-top: 70px;
      }
      }

    • #6725
      Brittany Haugen
      Participant

      Thank you for the code. It worked for mobile phones, but the slider on the iPad is not mobile repsonsive. Please provide the CSS code for that.

      Also, the Our Work widget on the iPad is not appearing like it should – I’ll email you screenshots of how it is showing up.

      Thanks!

    • #6796
      Brittany Haugen
      Participant

      Please provide the CSS needed for the homepage slider to be mobile responsive on iPads. I emailed screenshots on March 12th of what is visible/hidden with the current code.

      Thanks!

    • #6804
      Amplethemes
      Keymaster

      please provide your site link , sorry we did not find last email

    • #6806
      Brittany Haugen
      Participant

      A new email with the screenshots was just sent. Please check your Spam folder if it is not in your inbox. You can also visit the site at sccexcavation.com

      Thank you!

    • #6811
      Amplethemes
      Keymaster

      hello
      go to Customize > Additional CSS > Add Below CSS and publish it then let me know it work or not

      @media only screen and (device-width: 768px) {
      /* For general iPad layouts */
      .single-slide .img-responsive img{
      height:430px;
      max-height:100%;
      object-fit:cover:
      }
      button-slider.radius.animated.fadeInUp.fadeInDown {
      margin-top: 20px;
      }
      }

    • #6886
      Brittany Haugen
      Participant

      Thank you for the CSS! This remedied the iPad responsiveness when the iPad is in landscape orientation. Please provide CSS to make the slider mobile responsive in the portrait orientation also.

    • #6968
      Amplethemes
      Keymaster

      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
      .single-slide .img-responsive img{
      height:430px;
      max-height:100%;
      object-fit:cover:
      }
      button-slider.radius.animated.fadeInUp.fadeInDown {
      margin-top: 30px;
      }
      }

Viewing 11 reply threads
  • You must be logged in to reply to this topic.