Flip Box Center/Alignment

[Arash]

Hello,

I have removed one of the flipboxes, and need the 3 of them centered. I have used the previously noted CSS custom code you’ve provided to others:

.flipcard{width:33% !important;}

However, the mobile version looks awful, and then I found:

@media screen and (max-width:767px){
.flipcard{width:auto !important;}
}

This, however, doesn’t work as nicely in the mobile version, as the picture looks aligned left, but the flip looks centered.

I added this from a different post you have:

@media screen and (max-width:479px) {
h3, h3 a:link, h3 a:visited, .testimonial-image, .bxslider p { margin-left:80px;}
}

But it made it worse.

MY QUESTION: Is there any way to get the 3 flip boxes to center, in both mobile and desktop and have them be all the same width with the front and back flips?

[Arash]

Hello,

When I load my page on mobile, it appears slightly bigger than the phone screen, but when I double-tap it, it sizes properly.

I’m using the Complete Pro theme.

Thanks.

[Forum Moderator]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Forum Moderator]

Hi,

You didn’t send us full access(administrator level) of your website, kindly re send the login the details with proper access.

Regards,
Chris

[Arash]

Looks like someone did get in, because they put their photo in the profile of the user.

[Forum Moderator]

Hi,

Okay, kindly show us your website URL so that we can assist further.

Regards,
Chris

[Author]

Posts