Change CTA button position on mobile site (BROOKLYN THEME)

Solved
Highlighted
New Member
3 0 1

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
Highlighted

This is an accepted solution.

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
Highlighted
New Member
3 0 1

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

0 Likes
Highlighted
Shopify Partner
1445 195 523

@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 my solution helped you, please like and accept as solution!
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
Highlighted

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
Highlighted
Tourist
4 0 4

Where should I place those codes? Thanks allready!

0 Likes
Highlighted
New Member
1 0 1

place the code at the bottom of your theme.css.liquid file