Return to previous page

How to decorate the mobile page without affecting the desktop page？

This topic has 11 replies, 2 voices, and was last updated 1 days, 7 hours ago ago by yang qiaorun

yang qiaorun

Participant

April 6, 2025 at 08:16

Hello! Can I use different carousel images on the mobile and desktop versions, such as the Revolution Slider? How can I decorate the mobile version? The desktop version uses a larger image material, but only a part of it can be displayed on the mobile version.

#439931 Copied Theme version: 9.4.10

10 Answers

Alex Carter

Support staff

April 7, 2025 at 08:56

Hello!

Thank you for reaching out to us.

Yes, you can use different carousel images for the mobile and desktop versions when using the Revolution Slider. Revolution Slider provides responsive settings that allow you to customize the appearance of your sliders based on the device type.

To achieve this, you can follow these steps:

1. Open your slider in the Revolution Slider editor.
2. Select the slide you want to edit.
3. Use the “Visibility” options in the Layer General Parameters to show or hide specific layers (including images) on different devices (Desktop, Tablet, Mobile).
4. Alternatively, you can duplicate the slide and adjust the background image for each version, then set the visibility accordingly—one for desktop and one for mobile.
5. You can also adjust the layout, font sizes, and positioning specifically for mobile devices using the responsive view options at the top of the editor.

Please read these articles:
– https://www.sliderrevolution.com/documentation/responsive-settings/
– https://www.sliderrevolution.com/manual/configuring-responsive-options/
– https://wpbakery.com/blog/guide-to-responsive-settings-in-wpbakery/

We hope this information is helpful.

Best Regards,
8Theme’s Team

#440015 Copied

yang qiaorun

Participant

April 7, 2025 at 10:38

Thank you for your reply; the size of some modules cannot be set separately on the mobile side. Please see the attached screenshot. The appropriate size is set on the desktop side, but it will be displayed very ugly on the mobile side. If the appropriate size is set on the mobile side, it will affect the desktop side. How can I solve it? If I can keep this module on the desktop side and cancel this module on the mobile side, it is also feasible. How can I do it?

Files is visible for topic creator and
support staff only.

#440040 Copied

Alex Carter

Support staff

April 7, 2025 at 13:12

Hello,

Thank you for your message.

We understand your concern regarding the module sizing differences between desktop and mobile views. To address this issue, you can use responsive settings https://prnt.sc/bd8tl5n7EwaX or custom CSS to control the visibility and appearance of modules on different devices.

Best Regards,
8Theme’s Team

#440059 Copied

yang qiaorun

Participant

April 8, 2025 at 08:32

Hello, how can I make the part displayed in Attachment 1 smaller, keep the width the same and reduce the height? I don’t know how to use the border designer in Attachment 2;

Files is visible for topic creator and
support staff only.

#440141 Copied

Alex Carter

Support staff

April 8, 2025 at 10:26

Hello,

Thank you for your message.

Please try to change these paddings for all 4 columns – https://prnt.sc/2q3wlN8TwY-N

Best Regards,
8Theme’s Team

#440167 Copied

yang qiaorun

Participant

April 12, 2025 at 12:14

Hello, I encountered a problem when making sliderrevolution: I set up 3 slides, everything was fine at the beginning, but suddenly the second slide was no longer displayed, but the editing page was normal; I tried to move other sequence layers to the second column, and this problem would occur, as long as it was in the second column, it would not be displayed; please see the attached video;
I recorded my screen, how can I send you the video?

#440518 Copied

Alex Carter

Support staff

April 12, 2025 at 13:38

Hello,

Thank you for reaching out to us.

Please upload the video on a filesharing service, for example – https://wetransfer.com/ , and provide us with the URL.

Warm Regards,
The 8Theme Team

#440530 Copied

yang qiaorun

Participant

April 12, 2025 at 14:23

Hello, link to send to private message, total 2 videos

Content is visible for topic creator and
support staff only.

#440536 Copied

Alex Carter

Support staff

April 12, 2025 at 14:37

Hello, yang qiaorun

To ensure you get the best support, we’re escalating your request to another specialist from our team, who will take a closer look at the issue.

They will update you as soon as possible, and we’ll make sure to keep you posted. If you have any additional details that might help, feel free to reply here.

Thank you for your cooperation!

Best Regards,
The 8Theme Team

#440537 Copied

yang qiaorun

Participant

April 12, 2025 at 14:47

There is another problem: I only set one button layer in a slide template, but when previewing, two identical button layers are displayed, and they are not in the same position; I moved the layer to a new position and saved it, but when previewing, it is still in the original position;
You can check the attached screenshot: I set a total of 3 text layers, but the front end shows 4 text layers;

Files is visible for topic creator and
support staff only.

#440540 Copied
Viewing 11 results - 1 through 11 (of 11 total)