Home › Forums › Ample Construction Pro › Homepage slider not responsive

Tagged: ,

Viewing 11 reply threads
  • Author
    Posts
    • March 5, 2021 at 7:07 pm #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

    • March 7, 2021 at 4:44 pm #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

    • March 9, 2021 at 8:17 pm #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!

    • March 11, 2021 at 5:05 pm #6718
      Amplethemes
      Keymaster

      Ok we will check and message you in our working days

    • March 12, 2021 at 3:12 am #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;
      }
      }

    • March 12, 2021 at 4:48 pm #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!

    • March 26, 2021 at 5:44 pm #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!

    • March 29, 2021 at 4:23 am #6804
      Amplethemes
      Keymaster

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

    • March 29, 2021 at 3:08 pm #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!

    • March 31, 2021 at 9:12 am #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;
      }
      }

    • April 12, 2021 at 6:23 pm #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.

    • April 27, 2021 at 3:01 am #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;
      }
      }

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