How to fix "Overflow hidden" in Elementor "Custom position"

Issue

I am trying to make a custom postition image on the right side of the page. Hiding the part sticking out. I use Elementor for wordpress with the custom postion function.

Page size: Tablet only

Here is a link to the page I am working on: https://taskoftheday.com/how/

I have tried the overflow:hidden css but no success.

max-width: 100%;
overflow-x: hidden;

I want to hide the overflowed part of the images sticking out to the right.

Solution

In your custom css settings, try this syntax:

body {overflow-x:hidden !important;}

This will apply hiding overflow regardless of the screen size.

Answered By - fmsthird