Return to previous page

Replace rev slider with static image - by boobeeboo

This topic has 6 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Rose Tyler

boobeeboo

Participant

April 26, 2020 at 03:37

Hi, I noticed the rev slider takes up too much resources so I’d like to replace it with a static image + h1/2 + button (essentially the same as my current revslider) instead.

My concern is whether the mobile version static image will resize accordingly? Reason i’m asking is because I am able to preview the desktop version but unable to preview the mobile devices version.

Any advice is much appreciated.

Please, contact administrator
for this information.

#234696 Copied Theme version: 2.3.1

5 Answers

Rose Tyler

Support staff

April 26, 2020 at 08:50

Hello,

Try to use our slider element, for example – https://xstore.8theme.com/demos/2/babyland01/ You can import this demos page https://youtu.be/wkIKN2IyEZI and use it as a test page to find out if the desired result can be achieved using these elements – http://prntscr.com/s6372s

Regards

#234713 Copied

boobeeboo

Participant

April 28, 2020 at 09:15

Hello Rose

Thank you so much for the idea. I tried to replace it and all looks fine except for one thing, the Title seems to be unable to be a single line. No matter what size of font, it’d split into 2 lines. Even if it’s really small. This only affects the mobile as per pic, the desktop version is fine. Any changes so that it can fit nicely for mobile? Thank you!

Also, is it possible to have a rounded button for the flexslider? Like my current website? The button is rectangular now.

Please contact administrator
for this information.

#234879 Copied

Rose Tyler

Support staff

April 28, 2020 at 09:24

Hello,

Please provide URL of page with the mentioned slider and temporary wp-admin access.

Regards

#234882 Copied

boobeeboo

Participant

April 28, 2020 at 09:31

There you go~

Thanks!

Please contact administrator
for this information.

#234885 Copied
Rose Tyler

Support staff

April 28, 2020 at 12:41
Hello,

1) Add the next code in Custom CSS for page – http://prntscr.com/s7c93n

@media only screen and (max-width: 480px) { .et-slider .slide-content { flex-basis: 100% !important; } }

2) Set border radius, for example – http://prntscr.com/s7cb0i

Regards
#234908 Copied
Viewing 6 results - 1 through 6 (of 6 total)