Homepage slider not responsive

Tagged: slider, mobile responsive

This topic has 11 replies, 2 voices, and was last updated 2 years, 7 months ago by Amplethemes.

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.