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

Created on 20 Apr 2019  路  5Comments  路  Source: michalsnik/aos

This is:

  • Bug


Specifications

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

Most helpful comment

add overflow: hidden to the parent class

All 5 comments

I have the same problem.

hi, is there a way to fix this?

add overflow: hidden to the parent class

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

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?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Panoplos picture Panoplos  路  3Comments

simmonsr picture simmonsr  路  4Comments

Ahearys picture Ahearys  路  4Comments

VeronikaMilic picture VeronikaMilic  路  4Comments

noisypope picture noisypope  路  4Comments