Return to previous page

RevSlider Not Resizing On Mobile View - by dbattle1225

This topic has 20 replies, 4 voices, and was last updated 8 years, 1 months ago ago by Jack Richardson

dbattle1225

Participant

February 29, 2016 at 08:44

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

#115250 Copied

19 Answers

Jack Richardson

Support staff

February 29, 2016 at 14:29

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.

#115331 Copied

dbattle1225

Participant

February 29, 2016 at 19:41

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.

#115513 Copied
Jack Richardson

Support staff

March 2, 2016 at 10:41
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.
#115782 Copied
dbattle1225

Participant

March 2, 2016 at 18:01

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

#115870 Copied

Robert Hall

Support staff

March 2, 2016 at 22:14

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

#115902 Copied

dbattle1225

Participant

March 4, 2016 at 04:56

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.

Please, contact administrator
for this information.

#116066 Copied
Jack Richardson

Support staff

March 4, 2016 at 11:00
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.
#116133 Copied
dbattle1225

Participant

March 4, 2016 at 14:47

Awesome it’s there now thank you. The Rev slider still looks funky. Why won’t it resize normally?

#116178 Copied

Jack Richardson

Support staff

March 7, 2016 at 08:35

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.

#116358 Copied

dbattle1225

Participant

March 8, 2016 at 07:14

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.

#116480 Copied

Eva Kemp

Support staff

March 10, 2016 at 12:59

Hello,

Now I don’t see any layers on your slider. Have you removed them?
Do you still need our assistance?

Regards,
Eva Kemp.

#116832 Copied

dbattle1225

Participant

March 10, 2016 at 13:17

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.

#116835 Copied

Eva Kemp

Support staff

March 10, 2016 at 19:07

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.

#116921 Copied

dbattle1225

Participant

March 10, 2016 at 21:32

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.

#116939 Copied

Eva Kemp

Support staff

March 11, 2016 at 09:21

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.

#116966 Copied

dbattle1225

Participant

March 18, 2016 at 05:31

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

#117924 Copied

Eva Kemp

Support staff

March 18, 2016 at 08:48

Hello,

Please update slider plugin to the latest version https://www.8theme.com/download-plugins/ and check it after that.

Regards,
Eva Kemp.

#117940 Copied

dbattle1225

Participant

March 21, 2016 at 18:27

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;
}

#118326 Copied

Jack Richardson

Support staff

March 22, 2016 at 19:49

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.

#118502 Copied
Viewing 20 results - 1 through 20 (of 20 total)