Rev Slider buttons to big on mobilie

[Kirsten]

Hello guys,

First of all: really great template!

Second:
I have a question about the appearance on mobile devices. The rev slider isn’t autoresponsive on buttons and icons used in the slider. See the attached images of iPhone and Desktop.

In the main settings of the slider I use Auto Responsive. Grid: 1170 x 350

In the CSS of the rev slider I use no styles for the icons and this custom style setting for the button:

.tp-caption.Button_CM {
font-size: 20px;
border-style: none;
font-family: “Lato”, sans-serif;
font-weight: normal;
font-style: normal;
}

I created the icons and the buttons with these shortcodes:

[icon image="check" size="medium" cont="no" float="none"]
[button colour="accent" type="squarearrow" size="large" link="website" target="_self"]Lees snel verder[/button]

Is there a way to fix this?

[Tahir – SUPPORT]

Hi Kirsten ,

Could you provide wp-admin details so i can take a look at why the shortcodes are not resizing.

Thanks
Tahir

[Kirsten]

This reply has been marked as private.

[Tahir – SUPPORT]

Please provide url as well 🙂 .

Thanks

[Kirsten]

This reply has been marked as private.

[Kirsten]

Have got a chance to take a look yet? This site will go online on nov 1st so it would be nice to have it solved.

[Tahir – SUPPORT]

Hi Kirsten,

Sorry for the late reply your thread got lost . I had a look and it seems the buttons are not responsive so you would need to resize them manually via css at that specific screen width.

Hope this helps.

Thanks
Tahir

[Kirsten]

Thanks for your reply.

Are the buttons used elswhere in de flexform template responsive? Only not used in Rev slider?

Do yo have a piece of code to start with, I’m not really good in writing CSS only a bit customizing it.

[Tahir – SUPPORT]

Hi,
I see you got it working.

Thanks
Tahir

[Kirsten]

Yep, copied the css for icons into the responsive.css and tweeked the stuff

[Kirsten]

Only with updates the changes will disappear. Can I copy the css in the child theme? How exactly can I do this?

[Tahir – SUPPORT]

Hi,
You can duplicate that media query breakpoint and paste into child theme or custom css.

Thanks
Tahir