How to move a button on main page

Solved

How to move a button on main page

dogiko
Tourist
8 0 1

Hi! Please could someone help me move the "learn more" button to where the blank blue button is (as a guide)?

 

Also, is it possible to make the button size smaller or bigger? 

 

Thank you so much! the website is www.dogiko.comScreenshot 2024-07-02 162136.png

Accepted Solution (1)

Moeed
Shopify Partner
4359 1123 1377

This is an accepted solution.

Hey @dogiko 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__content.banner__content--middle-center.page-width {
    margin: 0 !important;
    align-self: flex-end !important;
    top: 17px !important;
    right: 185px !important;
}
}
</style>

RESULT:

Moeed_0-1719934648536.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4359 1123 1377

This is an accepted solution.

Hey @dogiko 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__content.banner__content--middle-center.page-width {
    margin: 0 !important;
    align-self: flex-end !important;
    top: 17px !important;
    right: 185px !important;
}
}
</style>

RESULT:

Moeed_0-1719934648536.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
dogiko
Tourist
8 0 1

You are a STAR! Thank you for your help once again 🙂

Moeed
Shopify Partner
4359 1123 1377

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
dogiko
Tourist
8 0 1

Hi again! Sorry to keep bothering you lol. Please could you help me remove the lines that go between the sections (https://dogiko.com/products/digestion-chews) ? Screenshot 2024-07-03 173747.png

 

Thank you so much!