I have now expanded the code … in the mobile view it is now also wonderful!
The full width of the image is visible, the button is in the right place!
WHAT I DON’T UNDERSTAND:
The code should actually change the position of the CTA in the desktop view … the code for the mobile view is actually only one line below …
Crazy!
/*DESKTOP ANSICHT Position des CTA Buttons Kohlemaske*/
#shopify-section-163174745094a8214d .hero__btn {
top: 1px;
margin-top: 150px;
margin-right: -260px;
}
@media only screen and (min-width: 750px) {
#shopify-section-163174745094a8214d .text-center {text-align: right!important;}
#shopify-section-163174745094a8214d .hero__btn {margin-top: 40%;}
}