How can I relocate a CTA button to the bottom left?

Store Design
1

Hello! I want to move the “Show me how” button to bottom left (right below “build a career you love without…”). How can I go about doing so?

www.arcarose.com

1 Like
2

Hi @quizaddict ,

This is a little tricky since, the “Build a career” is an image. It would be best to convert this section to HTML. Even we perfectly place the button next to it, this will change depending on the screen size. Unfortunately, you will need to hire someone to do this for you

3

Hi [email removed]Quizaddict

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

You can add my code as follows: theme → Edit > Search “theme.liquid”. Then paste the code before the tag:

.hero__inner .btn.hero__btn{ position:absolute !important; } @media (min-width:1133px){ .hero__inner .btn.hero__btn{ left:62px } } @media (max-width:1133px) and (min-width:767px){ .hero__inner .btn.hero__btn{ left:50px } } @media (max-width:767px){ .hero__inner .btn.hero__btn{ left:16px } }

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

1 Like
4

@made4Uo Is there any other way I could add a button? Maybe to the top right in the header? i basically want a CTA button in the top half of my page. Any suggestions will be greatly appreciated!

5

@PageFly-Victor Thank you so much – it worked! However, its in the middle left instead of bottom left. How do I fix this?

1 Like
6

@quizaddict

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.hero__inner .btn.hero__btn {
    bottom: 40px;
}
1 Like
7

@KetanKumar Works perfectly, thank you so much! Just a quick follow up: how can I move it just slightly up (its a bit too close to the bottom).

1 Like
8

Hello, thank you for your reply.

Are you want this?

PageFly_0-1658373497850.png
PageFly_0-1658373497850.png1072×551 330 KB

9

@quizaddict

thanks

yes just change value 40px to as you like that’s it

1 Like
10

@KetanKumar that worked – thank you so much!

1 Like
11

@quizaddict

its my pleasure to help us