Hi,
I added the code below to make my mobile Hero Page scalable without changing the hero picture design.
However, now I want to increase the font size of the “Jetzt bestellen” button.
How do I do this?
Code added:
@media only screen and (max-width: 450px) {
div#hero_inner-content {
margin-left: 10px;
margin-top: 31px;
font-size: 8px;
}
.hero{
background-position-x: 28% !important;
}
.hero–small {
height: 0px;
}
}
@media only screen and (min-width: 401px and max-width: 767px) {
div#hero_inner-content {
margin-left: 10px;
margin-top: 31px;
font-size: 11px;
}
.hero{
background-position-x: 28% !important;
}
}
@media only screen and (min-width: 768px) {
div#hero_inner-content {
margin-right: 70px;
margin-top: 50px;
}
}
#shopify-section-1593749556181 .grid–uniform .grid__item.medium-up–one-half.text-center {
text-align: center;
margin: 0 auto;
display: block;
float: none;
padding: 0;
}
@media screen and (max-width: 749px) {
#shopify-section-1593749556181 .grid–uniform .grid__item.medium-up–one-half.text-center {
padding: 0 20px !important;
}
}