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

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/

1 Like

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 Like

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%);
    }

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

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

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%);
    }

1 Like

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

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

Im having trouble finding the engo-customizes.css file. The current theme im using is symmetry and it doesnt seem to have that file under edit code.

hello who could help me i would like to have the button button down on my mobile page on the desktop is it good know that you can do with a css code.