Revolution slider on mobile

[josephchrasta]

My revolution slider works perfectly on a desktop view but does not show up on my mobile device when viewed in portrait orientation. When viewed in landscape orientation on my mobile device the slider shows up but some text is missing. How do I fix this?

[Laura]

Hello, try by adding this to style.css of child theme and quick css of theme options

COPY CODE

div#rev_slider_4_1_wrapper {
    display: block !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[josephchrasta]

Thank you, now the slider shows up on mobile. How do I adjust the font settings for the slider in the mobile view?

[Laura]

Hello,nevermind, i found the source, its at Revolution slider, at the gear icon you access the slider settings, at Visibility > mobile it was set to hide it ata certain size, now is set to 0

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[josephchrasta]

Great, thanks. That seemed to fix the visibility issue. Do you know how to change the font settings for a slider on mobile view? Although the slider is visible now, the font is too small.

[Laura]

Hello, well, it could break the text a bit, but it can be done, do you want me to create the css?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[josephchrasta]

If it is complicated then I will just try to find a different solution. Thanks.

[Laura]

Hello, not complicated but wouldnt look good. I have a suggestion, create another slider and i can help you so the new one is used only for mobile 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[josephchrasta]

Okay yeah, that sounds like it would work. What is the best way to do that? I just made a new slider called mobileslider.

[Laura]

Hello, its very easy 🙂 Add both sliders one below another, different rows
Open the row settings where the mobileslider is, and at Visibility/Responsive, check hide on desktop and tablets

Now do the same for the row there the normal slider is and check Hide on mobile
Also go to Revolution Slider > Settings ( gear icon ) and go to Visibility > Mobile and check hide on mobile
do the same for the mobile one but hide on desktop

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts