YOU HAVE WATCHED MANY VIDEOS AND HAVE FINALLY FIGURED OUT HOW TO MAKE A GREAT REVOLUTION SLIDER. YOU THINK YOU HAVE IT SET-UP PERFECTLY BUT YET, IT DOESN’T LOOK SO GREAT ON MOBILE DEVICES. HERE IS HOW TO FIX THAT.
The odds are, you have not truly optimized it for mobile devices, you used the automated device settings. And here is how to set up your revolution slider correctly. You can also see a lot of different resolution slider implementations in our portfolio.
STEP 1 – GO TO REVOLUTION SLIDER SETTINGS
In section 4, you will see Slide Layout. This is where you can adjust the size based on how much screen you would like the slider to cover on each of the devices. If you leave the custom grid size off, the content will be adjusted automatically, which often results in small text on mobile. Adjust the size as you wish.
Full screen size for most phones is 1080 x 1920px
VIEW RESPONSIVE SAMPLE WITH VIDEO
VIEW MORE RESPONSIVE SAMPLE SLIDERS HERE
STEP 2 – GO TO YOUR FIRST SLIDE
Now that you have customized your slide layer grid sizes in Slider Settings, you will be able to preview how your slider looks on each one of the devices. You will see the device options right under the main styling section. Preview each one of the devices and make sure it looks great.
STEP 3 – MAKE ADJUSTMENTS
Let’s say your text is not lining up correctly on the ipad or the size is too big. Stay on the device preview and adjust as necessary (change font size and text placement). CHANGES PER EACH DEVICE WILL NOT AFFECT ANY OTHER DEVICE LAYOUTS OR MAIN SLIDER SETTINGS. Make it perfect on each one of the devices. If you used a background photo that also does not look good, move to the next section to see how to fix it.
STEP 4 – ALIGNING THE BACKGROUND PHOTO ON DEVICES
If you used a background photo and it’s cut-off on a vertical device you can resolve it by adjusting its general alignment. In the Main Background you will go to the Source Settings (second text tab). Here is where you will align your background photo to best fit your image. If the focus of your image is on the left side of the screen, you will align Left Center. It all depends on the photo you are using. Make sure you pick the right one for your slider.
#revolution_slider #wordpress_tutorials #slider_revolution
Fuente – Source
Responsive revolution slider WordPress new update 2019
Necesitas ayuda con wp? Entonces WPVideo es tu sitio.
Encuentra lo que buscas entre cientos de miles de videos y experiencias personales de otros usuarios. Todos los que empezamos con wp deberíamos tener acceso a esta web, ojalá yo hubiera tenido algo así cuando empecé mi camino como webmaster 🙂
Pero ahora quiero y puedo poner esta web a vuestra disposición.
Need help with wp? Then WPVideo is your site.
Find what you are looking for among hundreds of thousands of videos and personal experiences of other users. All of us who started with wp should have access to this website, I wish I had something like that when I started my journey as webmaster 🙂
But now I want and I can put this website at your disposal.
Enjoy it 😉