CODEWITHSUNDEEP
htmlcsswordpresselementor
9minday
9minday

Reputation: 403

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

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/

What do fix

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.

Upvotes: 2

Views: 32785

Answers (2)

Neo101
Neo101

Reputation: 1

There is now an option to hide the overflow. In the section layout setting you can select "hidden" as an option to "overflow". https://elementor.com/blog/custom-positioning/ see this page for more info.

Upvotes: 0

fmsthird
fmsthird

Reputation: 1875

In your custom css settings, try this syntax:

body {overflow-x:hidden !important;}

This will apply hiding overflow regardless of the screen size.

Upvotes: 3

Related Questions