Solved

How can I adjust the position of my 'Shop Now' button?

Testing120
Excursionist
15 0 3

Hy I want to change Position of my " Shop Now" Button on Main slider I have tried but still unable to do it can anyone help me to do this.

 

Theme: "organic"

website link: https://halawaorganic.com/

Accepted Solution (1)
techlyser_web
Shopify Partner
1507 279 299

This is an accepted solution.

Hello @Testing120 

Hello @Testing120 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your engo-customizes.css file

3. Paste the below code 
Try Now
.section-slideshow-v6 .slide-content {
    position: absolute;
    top: 73% !important;
    left: 8% !important;
    transform: translateY(-50%);
}

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 7 (7)

Spac-es
Shopify Partner
360 104 124

I regret to inform you that you have a lot of duplicated code; it will be challenging to implement it in the code. Additionally, you should consider responsiveness, which means adapting the code to different device dimensions (e.g., mobile and PC).

 

More or less, are you looking for something like this?

1.PNG

 

2.PNG

 

3.PNG

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
Testing120
Excursionist
15 0 3

Yes you are right just need to shift button on right side of main slider image is anything possible?

techlyser_web
Shopify Partner
1507 279 299

Hello @Testing120 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your engo-customizes.css file

3. Paste the below code 
@media (min-width: 1200px)
.section-slideshow-v6 .slide-content {
    position: absolute;
    top: 73% !important;
    left: 8% !important;
    transform: translateY(-50%);
}

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Testing120
Excursionist
15 0 3

No Luck ! I tried this but position of button remans the same!

techlyser_web
Shopify Partner
1507 279 299

This is an accepted solution.

Hello @Testing120 

Hello @Testing120 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your engo-customizes.css file

3. Paste the below code 
Try Now
.section-slideshow-v6 .slide-content {
    position: absolute;
    top: 73% !important;
    left: 8% !important;
    transform: translateY(-50%);
}

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Testing120
Excursionist
15 0 3

That perfect Working 😍 button gone on left side can you send code for button get on left side ?

techlyser_web
Shopify Partner
1507 279 299

Hello @Testing120 
I have already shared code with you above.
If my solution worked then please like and accept solution.
Thank you 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com