Hey Guys,
When viewing my website from a phone the slider doesn’t resize. The words and everything runs off the screen. Where do I make the changes for the slider to resize properly?
thanks in advance
This topic has 20 replies, 4 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson
Hey Guys,
When viewing my website from a phone the slider doesn’t resize. The words and everything runs off the screen. Where do I make the changes for the slider to resize properly?
thanks in advance
Hello,
You can check slider settings for mobile in Revolution Slider settings panel:
http://storage7.static.itmages.com/i/16/0229/h_1456752547_6283849_2c6313dc9b.png
Enable Custom Grid Size option and set needed sizes for slider on mobile.
Best regards,
Jack Richardson.
Hello,
Thank you for responding. I tried to resize it using the method you said but the slider doesn’t resize the way I want it. I need to resize automatically according to the screen size. Even when I changed the size of the screen for the mobile view the words didn’t change size only the background image.
Hello,
I’ve added this code in Theme Options > Custom CSS > Custom CSS for mobile:
div#slide-19-layer-6 {
font-size: 15px !important;
}
div#slide-19-layer-2 {
min-width: 270px !important;
margin-top: -30px !important;
}
Please check your slider on mobile now.
Best regards,
Jack Richardson.
Hi Jack,
If you look at the page in desktop view then look at the page in mobile view there are things that don’t show up in the mobile view which is weird. Scroll through the whole page and you will see what I’m talking about. Thanks for adding the code to the page
Hello,
Did you make any changes in the original theme files?
Please provide us with FTP credentials in Private Content and we’ll try to reupload theme for you.
Also please make full backup of the site.
Regards,
Robert Hall
Hi,
I haven’t made any changes since it stopped working. I believe it may be something related to Visual Composer. Some parts of the site show up but other parts don’t depending on which tool I add from Visual Composer.
Hello,
I’ve added the code in Custom CSS for mobile:
.sidebar-mobile-top > .row {
display: block !important;
}
Please check site on mobile now.
Best regards,
Jack Richardson.
Awesome it’s there now thank you. The Rev slider still looks funky. Why won’t it resize normally?
Hello,
Sorry, but this is related to slider settings, not to the theme. You may check it with other theme activating it in Appearance > Themes.
Please specify what elements on slider you want to modify now to fit mobile view.
Best regards,
Jack Richardson.
Hi Jack,
I’m playing the the rev slider now to see if I can figure out the resizing issue that I have. The banners under the slider aren’t proportionate or centered in the middle of the background. Earlier they weren’t even showing but I got them to show up by changing the overflow to visible in .banner{}. Now I just need everything aligned and the rev slider to stop removing the words off the screen during the animation and my homepage will be complete.
Hello,
Now I don’t see any layers on your slider. Have you removed them?
Do you still need our assistance?
Regards,
Eva Kemp.
Hi Eva,
I have not removed them the words just don’t stay on the slider. I can’t figure out how to get them to stay there. It comes in and stays for a few seconds then leaves.
Hello,
We’re getting error on your site: Error establishing a database connection
Please check database settings in wp-config.php file or contact your hosting provider support.
Regards,
Eva Kemp.
Hey Eva,
I’m on my site right now. It’s loading without a problem on my end. I’m not sure what you’re seeing. I can see my site from my phone and my computer.
Hello,
You need create static layers for your slide as described in the documentation https://www.themepunch.com/revslider-doc/second-steps/#staticlayers .
Also read this article http://stackoverflow.com/questions/33744031/setting-a-revolution-slider-5-layer-to-appear-as-a-static-layer .
Regards,
Eva Kemp.
This code has no effect on the slider whatsoever.
div#slide-19-layer-6 {
font-size: 15px !important;
}
div#slide-19-layer-2 {
min-width: 270px !important;
margin-top: -30px !important;
}
I changed the slide number and also the layer numbers (see below) but it also didn’t make a difference. I used several variations to see what would make a difference so far nothing.
As you can see I changed the div to h1 to see if it would change something but that didn’t work either.
h1#slide-55-layer-3{
font-size: 15px !important;
}
h1#slide-55-layer-4 {
font-size: 12px !important;
}
div#slide-55-layer-2{
min-width: 270px !important;
margin-top: -30px !important;
}
Also the settings for the revslider don’t work. I changed the setting to loop the slider so the words would stop disappearing but that didn’t work. I also changed the settings so that when someone hovers over the slider it will stop but that didn’t work either. Not sure why things are functioning properly but I really need to get this figured out so I can move on to other parts of this project.
Thanks For All Your Help
Hello,
Please update slider plugin to the latest version https://www.8theme.com/download-plugins/ and check it after that.
Regards,
Eva Kemp.
Hello Eva,
I updated the plugin and that didn’t change anything but I figured it out. So now I have two problems still and that’s controlling the revslider animations. I want them to enter in the same way but I don’t want them to leave after they enter. Also there are two horizontal lines on the slider that disappear once the screen shrinks below a certain size.
I tried adding in this code but it didn’t work.
tp-mask-wrap{
display:block;
}
Hello,
I’ve changed the options for your slider layers as shown on the screenshot http://prntscr.com/aily1h
Please check the slider now.
Best regards,
Jack Richardson.
You must be logged in to reply to this topic.Log in/Sign up