Change CTA button position on mobile site (BROOKLYN THEME)

Solved
New Member
2 0 0

Hi, I made some changes to the CTA on the hero slide in my shop: apeacefulcover.com, and now the mobile view is all wrong with the CTA located much further down. How can I make changes to it to only affect mobile and not the desktop view?

 

Thankyou!

0 Likes

Success.

here is code :

 

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
New Member
2 0 0

Thank you very much! You are amazing. Worked well. Very grateful :)

0 Likes
Astronaut
1081 146 272

@ashiqueh4 's code will work, but if you only want it to effect mobile you need to use a media query:

 

@media (max-width:769px){
.hero__slide a.hero__cta, .hero--adapt a.hero__cta {
margin-bottom: 0px;
font-size: 200%;
}
}

You have some other issues going on with your mobile nav bar, it's shrinking and the icons are being offset from it.

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes

your welcome @lizzyp1

 

 

 

 

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes