Custom CSS HELP!!

MyTGMe · July 2023

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 · July 2023

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

MyTGMe · July 2023

Sorry i forgot to add the url

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

Phil · July 2023

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

MyTGMe · July 2023

Amazing thank you so much :)

Custom CSS HELP!!

Comments