Docs

[fatheaddrummer]

Hi There,

Could you help me splitting the Text into two lines in order to make the button in the cta mobile responsive?
https://www.diamond-precision-studio.com/de/schlagzeug-unterricht-wiener-neustadt/

I’ve already added this code

@media(max-width: 767px){
  .vc_general.vc_cta3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 90%;
  }
}

It works well for other ctas I have added on other pages….

Thank you very much!
Best, Christain

[Jade]

HI Christain,

Please try this code:

@media (max-width: 767px) {
    .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }
}

Hope this helps.

[fatheaddrummer]

Thank you very much! That works perfectly! Could you also help me making this image responsive?
https://www.diamond-precision-studio.com/de/schlagzeug-unterricht-wiener-neustadt/#schnuppern

Thank you very much!!

Best, Christian

[Jade]

Hi Christian,

I can’t seem to find the image you are referring to. Do you mean the icons? They seem to look fine on mobile.

Kindly provide us more info so that we could check this further.

Thank you.

[fatheaddrummer]

Hi There,

Sure: I am talkin about this image: https://www.diamond-precision-studio.com/wp-content/uploads/2016/11/Schlagzeug-Lehrer_small.jpg

It’s right below the text in this link: https://www.diamond-precision-studio.com/de/schlagzeug-unterricht-wiener-neustadt/#schnuppern

Thank you very much!

Best, Christian

[Christopher]

Hi there,

Please remove the class video-size-700-420 from image’s element.

Hope it helps.

[Author]

Posts