I've been having issues on the mobile end of my website. I've been trying to format the Banner Slideshow of my portfolio page so that it isn't cropped. I was looking at other forums and found some css code that worked, but I had some padding on the bottom of the slideshow that I was looking to remove.
This is my css code:
@media only screen and (max-width: 767px) {
section[data-section-id="64727f4271819e7e4a2632bb"] .list-item img {
height: auto !important;
padding-bottom: -40pc !important;
min-height: auto !important;
}
}
I was also looking to do this for all the Banner slideshows for my portfolio page
My website is www.headzupgroup.com
The exact url is https://www.headzupgroup.com/portfolio/landscaping/project-one-h346n-hhxpx
Any help would be appreciated