Docs

[Photoproll]

Hey there

First i’m sorry about my bad english.

I have custom my slider revolution but on my contact slider my phone number isn’t responsive on the mobile device also the contact form 7.

Do you have any solution?
Thanks Steve

[Rahul]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Photoproll]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. To better understand how to create an auto responsive slider, please check out this video:

If the text in the slides is not responsive, you can apply the responsive text and manage it in Settings > Responsive Text. Please check out the responsive text example for more details here: http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope this helps.

[Photoproll]

This reply has been marked as private.

[Rad]

Hi there,

It’s responsive as I checked, the sizes change accordingly as I resize the browser, and on mobile.

What’s not responsive is just the contact form because it’s not just a simple text. but a completely different structure that isn’t related to slider anymore. What you need for that is add static size for each device view, and you can enable device view by enabling custom grid as mentioned on the video. Then apply the specific width to your layer where the form is.

As an example, I added 620px width on your form layer. Now you just need to arrange them accordingly 🙂

Thanks!

[Photoproll]

This reply has been marked as private.

[Photoproll]

This reply has been marked as private.

[Rad]

Hi there,

Ah, it’s because any phone number will be converted to text when displayed on a phone. This allow user to call them by clicking, and since it’s a link, it has its own styling not related to the text.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

Thanks!

[Photoproll]

Ok 🙂

Thanks a lot!

[Photoproll]

Sorry… It’s still not working.

[Thai]

Hi There,

Please try with this CSS instead:

a[href^="tel"]{
    color: inherit !important;
    text-decoration: none !important;
}

Hope it helps 🙂

[Photoproll]

This reply has been marked as private.

[Photoproll]

Thanks for the answer.

Unfortunately it’s still not working.

[Rad]

Hi there,

Should be like this

a[href^="tel"]{
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
}

I checked it and it works, just missing the font size from the previous one.

Thanks!

[Author]

Posts