Aos: AOS fade-left on all mobile responsiveness whitespace to the left Bootstrap 4

[azim254]

This is:

• Bug

Specifications

• AOS version:2.3.1
• OS:linux
• Browser:chrome

Expected Behavior

animation to fade from left

Actual Behavior

it fades from left but leaves a white to the left on bootstrap

Steps to Reproduce the Problem

add this on body bootstrap 4

<div data-aos="fade-left" data-aos-duration="2000" class="col-lg-4">
                    <div class="work_item">
                        <a href="#">
                            <h4>head</h4>
                        </a>
                        <p>paragraphi.</p>
                    </div>
                </div>

other work fine expect this fade from left

Possible Solution

margin-left should be removed or set to zero because it creates a whitespace on css aos

[imaniy1994]

I have the same problem.

[mkfizi]

hi, is there a way to fix this?

[nicanorsuarez01]

add overflow: hidden to the parent class

[infabo]

This is not a suitable solution. This has multiple side-effects.

[volkandkaya]

Agreed, we're using this in a website builder where customers have no coding experience.

Is there anyway to fix this without relaying on adding overflow: hidden to parent classes?