How can I relocate the Call To Action button?

Store Design
1

Hey guys,

Im really struggling move the Call To Action button.

Im trying to move it between these two graphics.

YBFS_0-1633471811029.png
YBFS_0-1633471811029.png533×660 368 KB

Thank you!

2

Hi @YBFS ,

Can you provide your website?

3

Yourbestfriendshops.com

4

@YBFS ,

Yes. The buttons are in display: table. Which part actually are you trying to move the button? Can you draw a line?

1 Like
5

yeah sure.

YBFS_0-1633505438100.png
YBFS_0-1633505438100.png350×427 173 KB

6

Hi @YBFS ,

If your theme is a free Shopify theme, you could be elgibile for the 60 minutes free design time from our theme support team. You need to be using a free Shopify theme and be on a paid Shopify plan. You can contact the team by clicking here and logging in to verify your store details.

If you’re using a paid third party developed theme then it could be a good shout to reach out to the developer directly to see if they can help with this.

1 Like
7

@YBFS Hi,

You can adjust the height below. Let me know if it works. By the way, I am not seeing the bottom graphic if I have it on bigger screen

  1. In your online store,
  2. Choose the theme you want to edit. I recommend duplicating your theme before editing it so you have a theme to go back to if you dont like the changes.
  3. Click Actions, the Edit code.
  4. Find the Asset folder and open the theme.scss file.
  5. At the very bottom of the file, add the code below

.hero__text-align {
height: 115% !important;
}