Topic: Tooltip not centered
I use tooltip on floating social buttons.
I updated to latest version and it is not centered anymore.
<div class="inline-ul text-center d-flex justify-content-center"> <a id="GoogleButtonDisabled" type="button" class="btn-floating bg-dark my-0 waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Loading..."> <i class="fab fa-google" aria-hidden="true"></i> </a> <a id="FacebookButtonDisabled" type="button" class="btn-floating bg-dark my-0 waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Loading..."> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </div>
slawa pro answered 6 years ago
body, html, main { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; }
#page_login{ background: #777777 url('img/background.png') no-repeat center center; background-size: cover; height: 100%; margin: 0; overflow: scroll; }
Marta Szymanska staff pro premium answered 6 years ago
slawa pro commented 6 years ago
I think it is just an issue with popper.js not calculating the offset properly in certain circumstances.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No