How to remove button padding in mobile view from hidden buttons on slideshow

[lyoung94]

Currently using this code to remove slideshow buttons on mobile, but wanting to remove extra padding as seen below

 
@media screen and (max-width: 767px) { .banner__buttons { display: none !important; } /* Adjust the padding or margin of the parent container */ .banner__container { padding-bottom: 0; /* or set to your desired value */ margin-bottom: 0; /* or set to your desired value */

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[lyoung94]

www.legendaryloot.com.au no pw as it is already an open store.

[Sangeetanahar]

HELLO @lyoung94 

I Can fix it .Please share your store URL and password.

Thanks

[lyoung94]

@media screen and (max-width: 767px) { .banner__buttons { display: none !important; }
This code was used by i added the rest with help from chatgpt, did not work

[goldi1]

Hey @lyoung94 

you want remove the white space  in mobile view ??

[goldi1]

Hello @lyoung94 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-slideshow.css....>line number 67
search the code

@media only screen and (max-width: 749px) {
    .banner--mobile-bottom .slideshow__text.banner__box {
        height: 100%;
       
    }
	}

replace the code

@media only screen and (max-width: 749px) {
    .banner--mobile-bottom .slideshow__text.banner__box {
        height: 100%;
        padding: 0px;
    }
	}

result will be 

thank you