Return to previous page

Different Slider for Mobile - by Adeeb Rantawi

This topic has 10 replies, 3 voices, and was last updated 3 years, 5 months ago ago by Adeeb Rantawi

Adeeb Rantawi

Participant

November 2, 2020 at 20:42

Hi..

What I the best way to show a different “revolution” slider for tablet/mobile in home page?

I want to have two different sliders.. one for desktop view and another for mobile view.

Kind regards.

#257415 Copied Theme version: 7.0.2 WooCommerce version: 4.5.2

9 Answers

Adeeb Rantawi

Participant

November 2, 2020 at 20:44

I have read all articles about Revolution Slider responsive settings.. they are not OK for background images which I am using..

#257416 Copied

Olga Barlow

Support staff

November 3, 2020 at 13:06

Hello,

Add the Desktop slider to row and hide the column for the mobile/tablet using responsive settings http://prntscr.com/vcjhl8
Add the mobile/tablet slider to another row and hide it for the desktop.
Or use slider settings http://prntscr.com/vcjj1r

Regards

#257510 Copied

Adeeb Rantawi

Participant

November 3, 2020 at 22:04

Using the slider in a row will put it below the header and menu.

I want to keep it full screen and behind the header and menu (as it is now).

Is this doable?

#257610 Copied

Rose Tyler

Support staff

November 4, 2020 at 09:55

Theme Options > Header builder > Multiple headers > create a new header and set it for the Front page and enable header overlap https://youtu.be/BpeXfzNwkOc
Also, as was mentioned, you can use settings of slider – https://prnt.sc/vcjj1r Read more in docs of the Slider Revolution plugin.

Regards

#257654 Copied

Adeeb Rantawi

Participant

November 7, 2020 at 01:53

I disabled the slider on mobile and resized the browser to mobile width:

1) The slider goes away but there is a white space instead.
2) The menu is not aligned to top.
3) Search field appears if you scroll down and under the menu.

See the screenshot at https://prnt.sc/vexzv5

#258263 Copied

Rose Tyler

Support staff

November 7, 2020 at 10:49

Hello,

Could you provide temporary wp-admin access?

Regards

#258322 Copied

Adeeb Rantawi

Participant

November 7, 2020 at 15:36

Sure..

Please contact administrator
for this information.

#258365 Copied
Rose Tyler

Support staff

November 8, 2020 at 16:42
Hello,

1) Add the next code here – https://prnt.sc/vflwk7
```
@media only screen and (max-width: 992px) { 
    .page-heading-slider {
        display: none;
    }
}
```
2) Please describe the problem with menu alignment in more detail. As for me, it is fine now. Isn’t it?
3) With the access, that you provided, I can’t check Theme Options.
What header areas are sticky you can select in Theme Options > Header builder > Sticky menu.
Let us know if you need any further assistance.

Regards
#258482 Copied
Adeeb Rantawi

Participant

November 8, 2020 at 22:53

Everything is fine now. Thank you very much.

#258525 Copied
Viewing 10 results - 1 through 10 (of 10 total)