Moving/Resizing Button On Image banner

Shopify Discussion
1

I am trying to move and/or resize the button on mobile for the banner and would like some help but I really like the look of it on desktop so could someone help me

Website:ShineBrightSmile.au

1 Like
2

Hey @ShineBright_2

Welcome to Shopify Community! Can you share your Store Password so I can have a look on it? Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @ShineBright_2

May I ask for your store password so that I can see the banner?

Also, could you describe on how you want to move/resize the button on mobile so that I can assist further. If possible, please share some screenshots of the exact position you want to change to.

Best regards,

Daisy

4

Hi @ShineBright_2

Thanks for the info, its password protected.

5

The Password Is ShineBrightSmile123

6

Thanks for the info, check this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 989px){
.banner--desktop-transparent .banner__box {
    padding-top: 7rem;
}
}
@media only screen and (max-width: 749px){
.banner__content {
    align-items:flex-start;
    padding-top: 2.5rem;
}

.banner__buttons .button {
    min-width: fit-content;
    min-height: fit-content;
    padding: 10px 15px
}
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

7

I need it to be on for mobile and for the button to be smaller

8

I also would like for the whole image to be seen without having to scroll