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

Question

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.

Comments

[fmsthird]

I think it is working now

[9minday]

@fmsthird Still got the issue. Check the screen width 950px :)

[fmsthird]

I see . let me check again

[fmsthird]

try to apply overflow-x:hidden !important; in the body tag itself to force hiding overflows