How can I move the shop button down on the image banner for the phone

How can I move the shop button down on the image banner for the phone

moonlight4
Visitor
3 0 0

How can I move the shop button down on the image banner, I tried all the solutions none worked. I'm using Dawn theme

Replies 6 (6)

Mehran_Ali
Shopify Partner
89 11 11

Hi @moonlight4 

Can you share any reference and any Screenshot with you store link that would be helpful to understand

If this solution helps you, kindly like this reply and mark it as a solution.

If you need an expert Shopify developer for customization and development, feel free to contact me via email or WhatsApp.

Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

moonlight4
Visitor
3 0 0

As you can see the button is very high up, for the desktop version it's alright but for the phone it's too high. I want it below the moon in the image

Screenshot 2024-08-17 155943.png

Mehran_Ali
Shopify Partner
89 11 11

Hi @moonlight4 

Yes I understand your Question kindly share your store URL and the protected password (if applied) so I can help you out better   

If this solution helps you, kindly like this reply and mark it as a solution.

If you need an expert Shopify developer for customization and development, feel free to contact me via email or WhatsApp.

Email: Mehran.ali5300@gmail.com


WhatsApp: +92 343 0211536

BSS-TekLabs
Shopify Partner
2350 702 828

Hi @moonlight4,

Could you kindly provide us with your store URL and the protected password (if applied), so that our team can offer you the necessary support?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2350 702 828

Hi @moonlight4,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.banner__content, .banner__box {
    /* You can adjust this value to change the space between the button and the bottom of the banner */
    padding-bottom: 10px !important;
}

Here is the result

BSSTekLabs_0-1723653733722.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
moonlight4
Visitor
3 0 0

this didn't work