increasing botton width and height decreasing in mobile only

Store Design
1

hi this is my website

https://konzept-weiss.de/?_ab=0&_fd=0&_sc=1&key=cfda889f005a0db2f1701cab7fede10a77eb99faebfd83370915aca060236371

i want to make same as second image, how to do that, needed help

only the botton lenth and height, only mobile

Attachment_1633252095.jfif
Attachment_1633252095.jfif828×1792 120 KB

Attachment_1633252133.jpeg
Attachment_1633252133.jpeg740×1600 99.3 KB

2

@Jason_19_1

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (max-width: 999px){
.Slideshow--fullscreen {
    height: 100vh !important;
}
}

Thanks!

3

i mean not slideshow, the botton width is little bigger and height smaller

4

hello @Jason_19_1

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 769px){
 .Slideshow__Button.ButtonGroup__Item.Button  , .ButtonGroup--sameSize .ButtonGroup__Item{
    max-width: 375px !important;
    height: 45px;
}
}