Home › Forums › Ample Construction Pro › Homepage slider not responsive
Tagged: slider, mobile responsive
- This topic has 11 replies, 2 voices, and was last updated 3 years, 6 months ago by Amplethemes.
-
AuthorPosts
-
-
March 5, 2021 at 7:07 pm #6648Brittany HaugenParticipant
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 #6683AmplethemesKeymaster
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 #6705Brittany HaugenParticipant
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 #6718AmplethemesKeymaster
Ok we will check and message you in our working days
-
March 12, 2021 at 3:12 am #6720AmplethemesKeymaster
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 #6725Brittany HaugenParticipant
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 #6796Brittany HaugenParticipant
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 #6804AmplethemesKeymaster
please provide your site link , sorry we did not find last email
-
March 29, 2021 at 3:08 pm #6806Brittany HaugenParticipant
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 #6811AmplethemesKeymaster
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 #6886Brittany HaugenParticipant
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 #6968AmplethemesKeymaster
@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;
}
}
-
-
AuthorPosts
- You must be logged in to reply to this topic.