Custom CSS HELP!!

MyTGMe

Hi there,

Thanks for taking the time to look at my query. I'll jump straight into it.

I’ve managed to achieve a ‘skew effect’ on a wrap element within the page builder which works really well on desktop, 

This is the custom css I used:

Wrap –> Advanced –> Custom –> Additional CSS

transform: skew(-10deg)

However my problem is when its viewed on mobile device the ‘skew affect’ looks really bad. 

I’ve attached screenshots as visual references 

screen.jpg

My solution is to remove the ‘skew effect’ from the wrap element when it’s viewed on mobile device but I’m pretty sure this will involve more custom css/HTML.

I’d really appreciate your help with this and in your opinion is this achievable?

I really hope this makes sense

What should i do?

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MyTGMe

Sorry i forgot to add the url

https://chicaneauctions.com.au/buy/

Phil

Please try the following CSS code:

@media only screen and (max-width: 767px){
   .mcb-wrap-eb48ba86a{
   transform: skew(0deg)!important;
 }
}

Put it in the Custom CSS field in the Page options.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MyTGMe

Amazing thank you so much :)