Hide responsive slider for mobile device

[Gizan86]

Hi I really like your theme!

There is only one thing that I can really use your help with. My site shows a very messy responsive slider on mobile devices (you can check: http://www.freshfolds.nl) Is it possible to make the slider hidden for mobile devices? (just like I can do with the other elements) I would like to place instead a call to action button on the beginning of the page (that I will hide from desktops)

If this is not possible, Can I create a completely different landing page for mobile devices?

Your help is greatly appreciated!

[Mohammad – SUPPORT]

Hi,
Please check in revolution slider settings . There is a option [Slider layout = Auto Responsive] to enable responsive slider .

Thanks 🙂
With Best Regards
Swift Ideas

[Gizan86]

Thanks, but I already set the slider layout to Auto Responsive. Still it looks very messy.. Any way to hide it or change that page all together for mobile devices?

[Mohammad – SUPPORT]

Hi,
To hide this Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options

@media only screen and (max-width: 767px) {
div.home-slider-wrap{display:none}
}

Thanks 🙂
With Best Regards
Swift Ideas

[Gizan86]

Thanks, it seems to work! I really appreciate it!
One last thing.. I noticed on my mobile site that every time a field has to be entered, the chatbox on my site pops up and covers the field. Is there a way to prevent this from happening?

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot so i can give exact solution .

Thanks

[Gizan86]

screenshot is attached!

[Gizan86]

Just to be clear, I would defenitely like to keep the chatbox but would only like it to appear when you click on it. Right now it pops up with every field that is entered

[Mohammad – SUPPORT]

Hi,
Please contact to Chat plugin developer to resolve this issue .
Thanks 🙂
With Best Regards
Swift Ideas

[Gizan86]

Ok I will, thanks

[Gizan86]

Hi sorry, I contacted the developer but do you know if there is an easy fix to hide the chatbox completely for mobile devices? (maybe css like with the slider?) THanks

[Mohammad – SUPPORT]

Hi,
Please use this css

@media only screen and (max-width: 767px) {
#krukchat_box {display: none !important;}
}

Hope it will work .
Thanks 🙂
With Best Regards
Swift Ideas

[Gizan86]

It works, you’re a lifesaver!

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue sorted .
Thanks 🙂
With Best Regards
Swift Ideas

[Gizan86]

Sorry to be so annoying but two other small things.. (see screenshot.) Is there a way to get rid of the blank space on top of my mobile landing page. (This is where I removed the slider and inserted a call to action button only visible to mobile devices) And is there a way to center my logo?
Thanks so much