Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – 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.

Tags:

2

Answers


  1. 0

    In your custom css settings, try this syntax:

    body {overflow-x:hidden !important;}

    This will apply hiding overflow regardless of the screen size.

    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search