Different Slider for Responsive

manosbar · December 2019

Hello,

I would like to have a totally different version of my slider for the responsive version of the website. Where do I select which Slider Apperas in Desktop Version and which in Mobile Version?

Thank you

Manos

manosbar · December 2019

Using Slider Revolution

Pablo · December 2019

Hello,

Well, you have to insert two sections into the Muffin Builder and set the "Responsive Visibility", one will be hidden for desktop, second for tablet.

http://prntscr.com/q97ein

In these sections, insert the "Slider Plugin" and select the slider you want to display.

Thanks

manosbar · December 2019

Hello again,

I know about the Responsible Visibility. The problem is that I cannot find anywhere where in my home page I set which slider from Slider Revolution is being displayed.

I imported a ready made demo site and edited the existing slider. I cannot find where to enter the short code or the slider plugin.

Here is an image from my Home Page.

https://thebutly.com/wp-content/uploads/2019/12/Screenshot-2019-12-15-at-11.09.20.png

Thank you

MM

Pablo · December 2019

We set the slider on our demos in two places:

1) Theme Options > Global > Advanced

http://prntscr.com/qbf49z

If it's empty, proceed to the second place.

2) Edit the homepage and you will see the "Revolution Slider | Slider" in the dropdown menu.

http://prntscr.com/qbf501

If it's "SELECT", then it means that any slider is selected.

Thanks

manosbar · December 2019

Hello and thank you for your quick reply.

It is the second option and I've selected the one that i want for desktop version.

Now how can I have a different slider for the responsive version?

Thanks

MM

Pablo · December 2019

You would have to turn the option to "SELECT" and then provide two sections on the top of the content in Muffin Builder.

Then edit the section and on the bottom of these options you'll notice the "Responsive Visibility", there you can hide the section for certain devices.

Oh, about the slider.

Insert the "Plugin Slider" item and select one of the sliders.

Thanks

manosbar · December 2019

Hello,

did the changes you mentioned above. Now have the following problem

The slider appears boxed. Also there is the "Header" above the slider with the page name (Home) and some extra space where is a solid color background. Same in responisve.

Pablo · December 2019

I do not see the problem anymore, did you solve it?

Thanks

manosbar · December 2019

Νο I didn't solve it... But because the website is liveI changed it back to what it was...

If I turn the page option to "Select" and then set Slider Plugin with different slider for Desktop and Mobile the issue that I posted above appears. Under the menu it has a space that you can put an image as a header (like on the other website pages) and below the name of the page (on this case HOME). Also the slider underneath is boxed.

manosbar · December 2019

you can check this demo page I have created to see the problem....

https://thebutly.com/about/

Pablo · December 2019

Please go to the Theme Options > Header & Subheader > Header and turn on the "Minimalist" option.

http://prntscr.com/qdfxft

Thanks

Different Slider for Responsive

Comments