Custom CSS HELP!!

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 

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?


Sign In or Register to comment.