Button overlaps in web vs mobile version

salobm
Tourist
9 0 0

Hello!

In the HOME page section, I have a "revolution slider" with video and a call to action button. If i place the button too low, it dissapears in the mobile version... if i place it ok in the mobile version, it overlapses with the title in the desktop version. 

Can someone help me please?

The page is www.carana.com.co

The theme is wookie, from themeforest.

Thanks a lot!

Replies 3 (3)
satsinghrana
Shopify Partner
331 19 40

Hello @salobm 

The slider revolution have wide range of settings to set the position of the elements, But still if its not adjusting it according to the need then it can be done using some css.

Give a try to this css, just add this into your themes css file:

@media (max-width: 460px) {
    .slider-revolution .tp-caption1-wd-4 {
        margin-top: -120px;
    }
}

 

Let me know thanks

Get Support for Customization right away CLICK HERE TO GET HELP NOW.
Our Shopify Apps: HERE
Please Like and Accept Solution if it helps you.
satsinghrana
Shopify Partner
331 19 40

Screenshot 2021-05-15 at 9.58.46 PM.png

Get Support for Customization right away CLICK HERE TO GET HELP NOW.
Our Shopify Apps: HERE
Please Like and Accept Solution if it helps you.
salobm
Tourist
9 0 0

Hello @satsinghrana !

I tried the solution you proposed and in the mobile version, the button is still not visible. Am I doing something wrong or missing something in the code?

Thank you

Captura de Pantalla 2021-05-15 a la(s) 2.45.56 p. m..pngWhatsApp Image 2021-05-15 at 2.44.49 PM.jpeg