Button overlaps in web vs mobile version

salobm
Tourist
8 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!

0 Likes
satsinghrana
Shopify Partner
185 15 31

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

Please Like and Accept Solution if it helps you.
Get Support for Customization right away CLICK ME TO GET HELP NOW.
Our Shopify Apps: HERE
0 Likes
satsinghrana
Shopify Partner
185 15 31

Screenshot 2021-05-15 at 9.58.46 PM.png

Please Like and Accept Solution if it helps you.
Get Support for Customization right away CLICK ME TO GET HELP NOW.
Our Shopify Apps: HERE
0 Likes
salobm
Tourist
8 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

0 Likes