Slideshow Image Size - Mobile Version

8 0 3


My website is

I am wondering if I can increase the size of my image on the slideshow.   I already have it set to large on the shopify theme settings, but was wondering if there any code I could do to stretch it further.

Currently, the mobile view looks like the below.  Is there any way I can stretch it to take up more of the white space under the image? So the top of "View our Range" is not visible?




This is the current code I have - I have tried to play around with the padding etc but have had no luck.


.slides__text-content{ top: 95% important; }
/* code for slider button for mobile */
.slides__btn--mobile {
display: inline-block;
padding: 12px 10px;
font-size: 0.7em;
line-height: 1.0;
bottom: 0.0;
.slides__text-content {
top: initial;
bottom: 0.0;
@media only screen and (max-width: 850px) {
.slideshow__text-wrap--desktop .slideshow__text-content, .slideshow__arrows--mobile {
display: none;

.slideshow__arrows--mobile ~ .slideshow__text-content--mobile {
padding-top: 0;
.slides__btn--mobile {min-height: 0.80rem;}
@media only screen and (max-width:850px) {
.slideshow-section {padding-bottom: 0px;}
/* for mobile */
@media screen and (max-width: 768px){
#flexslider--slider .slides__image{ object-fit: contain !important; height: 230px !important; }
.slides__text-content--mobile{ position: absolute !important; top: 73%; }