Hello,
I’m hoping someone can help me, I’ve seen a few different solutions for button placement but I would like the text and button on the mobile theme to match the placement on the desktop theme. The placement is different on each slide, so some of the solutions for buttons I’ve seen won’t work. I’m using the Brooklyn theme.
Here are some examples of what I’m referring to.
The current code I have added to the theme liquid is
@media only screen and (max-width: 600px) {
.hero__slide a.hero__cta, .hero–adapt a.hero__cta {
margin-bottom: 0px;
font-size: 50%;
}
}
.hidden {
display: none;
}
@media only screen and(max-width:600px){
.hero__text-content.hero__text-content–adapt.text-center {
top: -185px!important;
color: white!important;
}
}
Thanks,
Amanda