Home › Forums › Ample Construction Pro › 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.
-
AuthorPosts
-
-
March 5, 2021 at 7:07 pm #6648
Brittany Haugen
ParticipantHello ~
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
Keymasterhello, 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
ParticipantLogin 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
KeymasterOk we will check and message you in our working days
-
March 12, 2021 at 3:12 am #6720
Amplethemes
Keymastersorry, 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
ParticipantThank 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
ParticipantPlease 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
Keymasterplease provide your site link , sorry we did not find last email
-
March 29, 2021 at 3:08 pm #6806
Brittany Haugen
ParticipantA 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
Keymasterhello
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
ParticipantThank 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;
}
}
-
-
AuthorPosts
- You must be logged in to reply to this topic.