Slider Revolution 5.0 Responsive Settings

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 115

  • @lilflow1981
    @lilflow1981 9 років тому +1

    I started couple of weeks ago with the revolution slider, saw couple of tuto, and yours explains exactly where my issues were for now ! simply explained, covers all options for responsive, good job and huge thanks !

  • @FilipeLimaPT
    @FilipeLimaPT 8 років тому

    Awesome! I recommend anyone who's having responsive slider issues to watch this from start to end. Very useful.

  • @fun4businessCa
    @fun4businessCa 7 років тому

    Fantastic instructional video covering all of the basics to have a firm grasp on how to work with Revolution Slider. Thank you!

  • @derekkern2k8
    @derekkern2k8 8 років тому +1

    Terrific very well done. I am a webmaster since day one of the internet and done many of my own custom tutorials. This was excellent!

  • @AmeerulIslam
    @AmeerulIslam 9 років тому +2

    that custom grid size was really giving me pain.. Finally I found what I was looking for.. ! Thanks!

  • @bmizzle010
    @bmizzle010 9 років тому +1

    VERY WELL DONE! Most importantly, thanks for spending the time to share your knowledge.

  • @PhilipIngram
    @PhilipIngram 9 років тому

    FYI, This may have been mentioned but...you should put your overlays w/ links at the top vs the bottom, you can't click on the links because of the video's controls that pop up on hover. Makes it hard to click your links. i.e. 9:40

  • @michaelhofby
    @michaelhofby 8 років тому

    Great slider plugin guys :) Its so intuitive and easy to get into. All other slider plugins i have tried to use are just too complicated and not user friendly.

  • @Dawkins007
    @Dawkins007 9 років тому

    13:30 this works if the text is left aligned, but what about right/center aligned text? It will go off the right hand side of the screen.

  • @milkod2001
    @milkod2001 9 років тому

    excellent video, it has saved me a few hours of trying to figure things out myself, thanks

  • @Pitman-Grills
    @Pitman-Grills 8 років тому

    interested to find out more on slide and grid based , in particular for landscape mode.

  • @TheErdibasak
    @TheErdibasak 8 років тому +2

    I'm Turkish and this photo was taken from Istanbul Uskudar, this tower is Maiden's Tower. You must visit there before die :)

  • @SmartSolutions2.0
    @SmartSolutions2.0 9 років тому +3

    also ... I must say that you have done a great work..Because also who does not have particular technical compentence can get good results..grazie!thanks!:)

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Massimo Maffucci Thanks for the great feedback! Appreciate it!

  • @dougb70
    @dougb70 9 років тому

    You have a very nice presentation style.

  • @rx6277
    @rx6277 8 років тому

    Great tutorial, thank you for the time you put on this!

  • @nociongrafica71
    @nociongrafica71 8 років тому

    Thanks for this tutorial. Its very useful for every website....

  • @maximomax1901
    @maximomax1901 7 років тому

    nice tuto. Could you please tell us wich theme you recomned us or wich one you are using

  • @travisparkchurch
    @travisparkchurch 6 років тому

    On my computer, the settings below the BEHAVIORS tab are greyed-out. What do I select in order to restore function to this area? thx

  • @Rafiozoo
    @Rafiozoo 7 років тому +5

    Hi! Revolution Slider is impressively advanced, BUT seems to be intended as the most efficient on desktops only.
    I have NOT found out how to serve a smaller version of background image (or any image) for mobile devices.
    I've tried to take advantage of switching the visibility / hiding layers depending on the device viewport, BUT hidden image is REQUESTED and LOADED anyway. So, this option tends to be useless in the sens of responsiveness and performance, doesn't it?

    • @DavidMuller-DMullerDesign
      @DavidMuller-DMullerDesign 7 років тому +2

      I second this, it would be great to be able to define a smaller, more streamlined image for mobile devices.

  • @CamiloMonsalve
    @CamiloMonsalve 5 років тому

    Thank you very much for this tutorial.
    ¿How do you load the tool to click and drag the width of the slides?

  • @dzoniAleksic
    @dzoniAleksic 6 років тому

    Why the breakpoint for laptop size is on 1040px not mater what I set for Custom grid size? How can I choose the width where the rules starting to apply? Thanks!

  • @Drum4Sanity
    @Drum4Sanity 7 років тому

    it would have been nice if you showed where you uploaded the image for the background.

  • @q3mav
    @q3mav 7 років тому

    Is there a way to hide (remove) the transition effects, like fade, parallax, etc. on mobile devices? I noticed these tend to slow my page load time quite a lot!

  • @yiankeeyiankee8362
    @yiankeeyiankee8362 6 років тому

    Hi, I know it's a very basic question, but how do you get to display the title of the photo on the slider? And I need to tell you, that your product is awesome! I am amazed by the posibilities on offer with Revolution Slider!

  • @sheerhn8325
    @sheerhn8325 8 років тому

    Hi, this slider looks great!
    Is there a way to use the slider in order to display images with different ratios without cropping them?
    I thought the carousel could be suitable

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi jsheer. Yes you can use the "contain" option for the "Backgrounf Fit" option here: www.themepunch.com/revslider-doc/main-background/#image-sourcesettings

  • @AngelMonteros
    @AngelMonteros 6 років тому

    El problema que tengo es que si configuro para movil el slider no aparece el contenido adicional de la página solo se ve el slider, como ago que apresca todo el contenido de la pagina en moviles, saludos

  • @RobWatsonWebidextrous
    @RobWatsonWebidextrous 8 років тому

    I have watched this video but still have questions. I have a grid of one rectangle on top and four squares below it that all sits in the center of a site's heading with a background video. On mobile devices the content in the four squares below the rectangle is really small. I'd like the whole grid of rectangle and squares and their child contents to scale fill as much space as it can on any screen size so as to remain legible. I've tried setting every element in the rectangle/squares grid to Behavior > Slide-Based but that won't do the trick. What can be done to ensure that these elements scale to fit more evenly and responsively across screen sizes?

  • @gizmogoose.2486
    @gizmogoose.2486 9 років тому

    How can I get a little support for my copy of your Zeitgeist Theme ???

  • @AdaptorLive
    @AdaptorLive 8 років тому

    Thanks for the explanation! Very useful!

  • @SmartSolutions2.0
    @SmartSolutions2.0 9 років тому

    Hello compliments for videos that I can understand even if I do not know English well! Its 'possible to add images from a site like imageshack in revolution slider or Essential grid? Thank you
    Massimo from Venice

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Massimo Maffucci Essential Grid items are already in the WordPress mediathek so this will work without any issue. We never have used ImageShack but you can include External Image URLs too. Maybe this will work for you?

  • @bmizzle010
    @bmizzle010 9 років тому

    May I ask what is that you are using with Firefox that is allowing you work with the webpage / slider while showing you the measurements? Is it a FF plugin / extension?

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +bmizzle010 Hi, this is just a firefox browser window with the slider in it in which Jason pressed "ctrl-shift-m" to activate the "Responsive Design View". Cheers!

  • @SmartSolutions2.0
    @SmartSolutions2.0 9 років тому

    Hi! What is the best size for photos that compose revolution slider? it's possibile to use different revolution slider randomly? Thank you!:)

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Massimo Maffucci Hi, please check out our Support Center for a lot of FAQs and the link to our ticket system if you have a more severe issue: themepunch.com/support-center . For example Ideal image size: www.themepunch.com/faq/ideal-image-size/
      For your other question: You can have the slides appear in a random order out of the box but not show a random slider on a page.
      Cheers!

  • @ytnaynay66
    @ytnaynay66 8 років тому +5

    My text layer font size is set to 50px looks great on Desktop but on mobile font is too small?

    • @ytnaynay66
      @ytnaynay66 8 років тому +3

      Can someone tell me what to adjust?

    • @blueghost8057
      @blueghost8057 6 років тому

      ytnaynay66 choose mobile view and edit the text size?

  • @gfreemankz
    @gfreemankz 8 років тому +1

    very useful information, thanks!

  • @michelnimes8728
    @michelnimes8728 4 роки тому

    Hi, im new with Slider Revolution... i have a question, i want to do a diferent slider in each device, for example one slider for larger screen like pc with some images and text, but another slider with diferent images and text for laptop, and of course another one for mobile also with diferent images ans diferent text...is it possible? I think i need hide each one for the rest of device, but I dont know if it possible and how?.... thank you so much to help me, maybe you have tutorial for that or somebody else...

  • @PaleokochbuchDe1
    @PaleokochbuchDe1 8 років тому

    got this slider bundled with a wp theme and was about to buy a full license but then ran into a problem I can not solve and did not find an answer online (even after hours of trial and onlinesearch - very frustrating). Want to show a self hosted video (html5) with its original 1920 pixel x 520 pixel. I used a video editor to crop the vid to that size. In the WordPress Media preview its dimensions are displayed correct. No way to accomplish this task in Slider Revelution, no matter what settings used ... The video is always shown blown up and cropped on all sides. I´ve tried all settings I am aware off, no chance. Can this even be accomplished wit slider Revolution?
    Also, when I try to use a HTML5 video as an additional layer, that layer does not show or is saved in the software???
    Is there a general problem with HTML5 videos?
    One has to buy a license to get supprt to get an answer to such a question, I know. It makes sense - on the other hand it doesn´t if the answer would be NO; pay 19 USD for a NO? Is there a way out of this dilemma?
    I was about to belive Slider Revolution is the "magic flying carpet" despite the fact it is really hard to use, but now after waisting hours of fruitless attemtpts I became very sceptic ...

  • @lisamann7317
    @lisamann7317 8 років тому

    Thanks, I was looking for this information. Quick question, if there a way to move the text to be completely below the grid when you are on mobile?

    • @SliderRevolution
      @SliderRevolution  8 років тому

      +Lisa Mann Yes this is possible with the "Offset X" and "Offset Y" position options.

  • @amirsanjabi5854
    @amirsanjabi5854 8 років тому

    I had previously purchased the theme Grandportfolio, I proceeded and bought the full registration of slider revolution for 19 dollars but the activation code is invalid (purchase code invalid). Any idea how to get around this issue? tried to post a ticket but for some reason I'm not able to..... Would appreciate if you could help.

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi Amir ! Please feel free to contact us at themepunch.ticksy.com and our support will help you with the activation asap ! Thank you !

  • @szarejas
    @szarejas 8 років тому +1

    I'm looking for any resource about responsive thumbnails. Can You help?

  • @SmartSolutions2.0
    @SmartSolutions2.0 9 років тому

    Hi! I can not connect my album on Flickr with my site ..it is obligatory to put the 'API?from what I read on flickr is necessary only to create an application on flickr..I just need to connect yourmy album...Thanks:)..

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Massimo Maffucci Unfortunately flickr is a little more strict than that and needs you to put in your API key for almost every action. Fortunately the process of getting one is not too complicated (link is included in the slider). Cheers!

  • @MaxiREV
    @MaxiREV 8 років тому

    Hi, I have Revolution Slider and I downloaded Polylang to make my website multilanguage, but it's not responding to the Slider Revolution (wordpress). Can you guys help me out its important.

  • @austiniumdigitalagency2062
    @austiniumdigitalagency2062 8 років тому

    Hello, we had to use a left margin offset for the desktop display. This is reflected in the mobile layout as well. How can we use the margin offset only for Desktop and disregard it for mobile display? thanks.

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi AusiniumDigital, Contact us at our support center and one of our techs could help you with this: themepunch.ticksy.com/submit

  • @YaronRosen
    @YaronRosen 8 років тому

    that is a great tutorial!! thanks so much! :)

  • @jtpinnyc
    @jtpinnyc 8 років тому

    I'm using this with the X theme and my customizer settings for the site give a max width of 1500px and a site width of 90%. I have my slider setting (desktop) at 1500px, auto layout and the layers are responsive. I have a text layer which is aligned left center to the grid (with zero offset), and when my browser is at full width (on a 1920px screen) , this layer is perfectly aligned with my site content as it should be. However, when I reduce the width of my browser, somewhere around 1680px the layer accelerates away to the left and breaks its alignment with my site content until it's quickly rammed up against the far left edge of the window. I feel like I have tried every single combination of settings to try and keep this layer horizontally aligned with the content of my site as I resize the browser but nothing works and I'm at the end of my tether. Do you have any suggestions? Is this even doable? Because if it's not I would consider it a serious limitation.
    If I set my site width to 100% in the X customizer, then the layer remains aligned with the site content no matter how I resize my browser. So the problem is clearly that the slider layers do not stay properly aligned with the site content with a site width set below 100%. My X theme page template is "blank, no container" by the way.

    • @jtpinnyc
      @jtpinnyc 8 років тому

      I think I've solved this problem in case anyone else is having the same issue.
      1) Subtract your site width % from 100% (so it's 10% if your site width is 90%)
      2) Calculate this % of your max site width (so if it's 1500 then 150px)
      3) Make your slider grid size your max site width PLUS the result of step 2 (so in this case, 1650px)
      4) Align your layer as required and then set the x-offset to HALF the result of step 2 (in this case 75px)
      5) Make sure responsive offset is ON in your layer behavior settings
      Because I'm not too bright when it comes to this kind of stuff I'm still not really sure exactly why this works, but I think it's something to do with responsive offset calculating as a percentage of the offset, which of course will always be zero when the offset is zero. When you make the grid size larger than your max site width, you have to use an offset to align the layer with your site content, and so responsive offset works correctly. Perhaps a boffin can enlighten me on this.

  • @endusitG
    @endusitG 9 років тому +3

    I have a problem with text wrapping on mobile view. text does not wrap responsively

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +endusit gsh Hi, please send your example URL to themepunch.ticksy.com and our support staff will take a closer look. Thanks!

  • @ManualGamer_
    @ManualGamer_ 6 років тому

    Help me please.
    When i lay down my mobile stop be responsive.
    How i fix it?

  • @jonathanpullen5220
    @jonathanpullen5220 8 років тому

    Hi, thanks for the video.
    Quick question.. what tool are you using in Firefox to increase and decrease the page size and view the pixels?
    Thanks

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi Lucid :) Here's the tool: developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

  • @gonzal610
    @gonzal610 8 років тому

    How do I access the different viewport (like mobile) on Revolution Slider. I have 5.2 and I don't see it there. Thanks!

    • @SliderRevolution
      @SliderRevolution  8 років тому

      @Miguel This article should help for activating the viewport options: www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/

  • @Aliraza-qd8ry
    @Aliraza-qd8ry 8 років тому

    Please tel me how can I disable main background on mobile or how can I increase only height of layer. I am trying to add search form from third party site via contact form 7 and when i add contact form 7 code in layer and open site on mobile so it hide the half form or if i change height from custom grid in general settings so it looks good but when I select date in search from so it hide half form again.

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi Ali. Contact us at our support center and we can help you with this :) themepunch.ticksy.com/

  • @alex_wolf
    @alex_wolf 9 років тому

    Hi I'm using revolution slider and it works well on all platforms but when I switch to mobile view only part of the picture is there, the button is too big and the other images are just all over the place. I just want to be able to maintain the exact same placements when I switch to mobile can you help?
    Thanks

    • @chicagomycity
      @chicagomycity 7 років тому

      Poët I have the same issue. Did you ever figure this out?

  • @MartinVlach_CZ
    @MartinVlach_CZ 9 років тому

    What do you preview the slider in (time around 2:30)? I mean the window where you drag the rightside marker to the left and the preview of the slider responsively reacts in real time to the size of its window? Thanks.

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Martin Vlach - osobní rozvoj, Tarot, poradenství (i online) Hi, this is just a firefox browser window with the slider in it. Jason pressed "ctrl-shift-m" to activate the "Responsive Design View" also.

    • @MartinVlach_CZ
      @MartinVlach_CZ 9 років тому

      +ThemePunch Oh, that is pretty cool, I did not know about this Mozilla feature (I use Chrome as my default browser). Thanks!

  • @edmaneiro
    @edmaneiro 9 років тому

    Hi, guys.
    I've noticed that some texts will automatically resize (font-size) along with screen size. How can I force that to happen?
    I'm asking this because I'm having problems with the font-size in a button. Its getting huge on smaller screens... :(

    • @SliderRevolution
      @SliderRevolution  9 років тому

      Please contact us at themepunch.ticksy.com and our support helps you further :) Thank you !

  • @SmartSolutions2.0
    @SmartSolutions2.0 9 років тому

    Hello! It's possible to use Flicker with revolutio slider?thank

  • @DenhefDigital
    @DenhefDigital 8 років тому

    I just change web hotel and want to activate my plugin on my brand new site. I can't deactivate on the old because the hotel is gone lol. What to do?

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi Denhef :) You can use this web form here to reset your code(s) www.themepunch.com/purchase-code-deactivation/

  • @grids602
    @grids602 8 років тому

    The documentatiom is very weak, the text shape is disabled. I cannot find information, how to set slider as background - exactly like here themeforest.net/item/travelhub-wordpress-travel-theme-for-agencies/full_screen_preview/12499593 I am very frustrated, it is too much difficult. I must find the alternative. This is useless.

  • @aprameyaashokkumar552
    @aprameyaashokkumar552 7 років тому +1

    Hi Team,
    I am unable to make mobile responsive website when i design slide using revolution slider.
    how to make the slides mobile responsive.
    Aprameya

    • @bastiancarlos5317
      @bastiancarlos5317 7 років тому

      I would like to know also. My only solution for now is to hide the slider on mobiles and that sucks xD

    • @chicagomycity
      @chicagomycity 7 років тому

      Bastian Carlos How do you hide the slider on mobile? The slider looks atrocious on mobile.

  • @theangelboii77
    @theangelboii77 8 років тому

    hi im using wordpress how do i make my slider small to the right ? cos on the left side i wish to make the navigation menu and the slider is from side to side and i cant do it please help me

    • @SliderRevolution
      @SliderRevolution  8 років тому

      @engelbert chances are #2 from this settings section will help you with this: www.themepunch.com/revslider-doc/slider-setup/?tab=fullscreenoptions

  • @ghaziaziz1348
    @ghaziaziz1348 8 років тому

    please make one video tutorial to how to use slider revolution in html and css please?

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Ok thanks for the request! We'll add this to our to-do list :)

  • @FuryImpact
    @FuryImpact 8 років тому +4

    so hard to use

  • @HuseyinAtaiEsengol
    @HuseyinAtaiEsengol 8 років тому

    My slider just sits in the middle of the page and does not go full screen !!! How do I make the slider full screen ? my pictures are 1986 x 735

    • @SliderRevolution
      @SliderRevolution  8 років тому

      +Hüseyin Atai Esengöl Check out the "Full Width" and "Full Screen" options here: www.themepunch.com/revslider-doc/slider-setup/#slidelayout

    • @HuseyinAtaiEsengol
      @HuseyinAtaiEsengol 8 років тому

      +ThemePunch Nope, it just does not work -_-! Whatever I do it just makes the image in the slider zoom in or out! Extremely frustrating

    • @SliderRevolution
      @SliderRevolution  8 років тому

      +Hüseyin Atai Esengöl In that case open a ticket in our support center and we'll help you with this as soon as possible! themepunch.ticksy.com/submit/

  • @romeinnextlife9785
    @romeinnextlife9785 8 років тому

    nice tutorial very useful so much :) terima kasih

  • @LesterFD
    @LesterFD 9 років тому

    Hello, thanks for sharing your knowledge.
    Question: How do I get this view, to change the Screen Size individually? Merci in advance

    • @SliderRevolution
      @SliderRevolution  9 років тому

      +Lex Brillant Hi, which view exactly do you mean? We have a switch in the previews and when build custom grid sizes you will see an icon to select from. Cheers!

  • @aktour9653
    @aktour9653 8 років тому

    For example slide. Thanks for the answer which I need to use measures

  • @TheJimbaHut
    @TheJimbaHut 8 років тому

    Is there a common reason why my slider background image is not scaling?

    • @SliderRevolution
      @SliderRevolution  8 років тому +1

      +James Seaford Chances are the "Background Fit" isn't set to "Cover" or "Contain" - www.themepunch.com/revslider-doc/main-background/#image-sourcesettings

    • @TheJimbaHut
      @TheJimbaHut 8 років тому

      +ThemePunch: Ok thanks. I just resized the layer grid to the size of my background image and this seems to have done the trick.

    • @TheJimbaHut
      @TheJimbaHut 8 років тому

      +James Seaford: It worked at first.. but now the slider is not full screen :/

  • @SokolovOleg
    @SokolovOleg 6 років тому

    Thank you!

  • @aktour9653
    @aktour9653 8 років тому

    I bought your product .kull my video please may I ask you to prepare the Turkish expression

    • @SliderRevolution
      @SliderRevolution  8 років тому

      +Ak Tour Thanks for the feedback. We'll consider this! Until then, here's the text version of our documentation which you could translate: www.themepunch.com/revslider-doc/slider-revolution-documentation/

  • @stephenngo2349
    @stephenngo2349 8 років тому

    Hi ThemePunch, Howto enable this function take.ms/9ijqU I did not saw it in admin panel

    • @stephenngo2349
      @stephenngo2349 8 років тому

      Ok, I got it when off Custom Grid Size on mobile

    • @SliderRevolution
      @SliderRevolution  8 років тому

      Hi Stephen. Here's how this is handled now: www.themepunch.com/faq/mobile-viewport-options-missing/

  • @LeoCRoderick
    @LeoCRoderick 8 років тому

    I little slow, but amazing! thank you

  • @zoltancsuhai4237
    @zoltancsuhai4237 8 років тому

    Great! Thanks...

  • @sakornsaokaew9391
    @sakornsaokaew9391 7 років тому

    Text boxes mix together and still NOT responsive on mobile at all.

  • @vigneshmanikandan5999
    @vigneshmanikandan5999 6 років тому

    Superb

  • @iragessel1389
    @iragessel1389 9 років тому

    Very great content, and I appreciate this video tremendously. However, your lip smacking and general mouth noises make watching this pretty painful. I hate giving you such negative comments, but I feel it would be beneficial in the long run. Thank you for all your help!

  • @AlexanderHolsgrove
    @AlexanderHolsgrove 6 років тому +1

    This plugin is so over-engineered. It's impossible for both experience developers and non-technical people to use. Uninstall plugin, kill it with fire and throw it back into the sea.

  • @techno-life2494
    @techno-life2494 4 роки тому

    The most buggiest slider. Just a pain

    • @SliderRevolution
      @SliderRevolution  4 роки тому

      Hi there, could you contact us via our email at help@themepunch.support so that we could discuss this further with you?

  • @holdercomm
    @holdercomm 8 років тому

    the most frustrating tool i have ever used

  • @123norway
    @123norway 8 років тому

    hehe 420