Hello everyone,i use impulse theme and the slideshow on mobile device looks small and not so good.I want to be more bigger and to look good
Topic summary
A user seeks to enlarge the slideshow on mobile devices for the Impulse theme, as it currently appears too small. An initial CSS solution is provided:
@media screen and (max-width: 767px) {
.hero-natural--1524769873765 {
padding-bottom: 80%;
}
}
The user reports this improves the display but still needs adjustment. When increasing the percentage makes products partially hidden, a revised solution adds a fixed height:
@media screen and (max-width: 1000px) {
#shopify-section-1524769873765 .hero-natural--1524769873765 {
padding-bottom: 80%;
height: 500px;
}
}
The user confirms this works but reduces the height to 300px to prevent product images from being cropped. The discussion remains ongoing as the user fine-tunes the dimensions to achieve proper image display without hiding products.
Hello @Markit-Themes okay i gonna send the store url
Hi @VisarK
let try to add this custom css:
@media screen and (max-width: 767px) {
.hero-natural--1524769873765{
padding-bottom: 80%;
}
}
@Markit-Themes i gonna enable and you can see
Hello @BiDeal-Discount ,i need more to be bigger, i tried it looks a little better then it was but still needs to be bigger
Did it worked ? @Markit-Themes
You can increase the percentage to see it more bigger, example
padding-bottom: 100%;
I have done but the image dont show good the product are hiding little bit,just the width of image how to be more bigger in vertical line
Let try this:
@media screen and (max-width: 1000px) {
#shopify-section-1524769873765 .hero-natural--1524769873765 {
padding-bottom: 80%;
height: 500px;
}
}
@BiDeal-Discount this size just to show the images as it is
my code suggestion is not working?
It works the code but the the image is hidding the product with 500px height so i decrease at 300px.