Topic: Flip Box Text Errors With Window Re-Size

Tagged: x

Author

Posts
November 21, 2016 at 11:08 am #1265670

C I
Participant

Hello! I’m having a challenge with the text in a flip box shuffling to a different part of the page (but leaving the box behind) during window re-sizes. This is with the latest version of X and the Cornerstone plugin. Is this something you’ve encountered before? Thank you!

November 21, 2016 at 11:20 am #1265694

Rupok
Member

Hi there,

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.

November 21, 2016 at 1:42 pm #1265868

C I
Participant

This reply has been marked as private.

November 21, 2016 at 3:54 pm #1265992

Nabeel A
Moderator

Hi again,

Thank you for providing the URL. I checked your site in different browsers and couldn’t replicate the issue. The Flip card is displaying fine on window resize, the text stays withing the box on resize. Can you please specify on which device / browser you’re facing this issue so we can take a closer look? Sharing a video recording of the issue would be very helpful.

Thanks!

November 21, 2016 at 4:09 pm #1266006

C I
Participant

This reply has been marked as private.

November 21, 2016 at 4:11 pm #1266009

C I
Participant

This reply has been marked as private.

November 21, 2016 at 4:12 pm #1266011

C I
Participant

This reply has been marked as private.

November 22, 2016 at 1:53 am #1266523
Christopher
Moderator
Hi there,

Please add following code in Customize -> Custom -> Global CSS :
```
@media  (max-width:1200px) and (min-width:767px){

.x-face-graphic img {
    width: 70% !important;
}
}
```
Hope that helps.
November 22, 2016 at 8:40 am #1266853

C I
Participant

Thank you!

November 22, 2016 at 9:47 am #1266933

Rahul
Moderator

You’re most welcome!

Let us know if we can help with anything else.

Thank you.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1265670 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>