Anchor link in the Bootstrup menu: why the page floats to the left?

Viewed 18

I have a menu. When I click on the anchor link, page floats to the left about 50 pixels. When I delete div which wrapped nav it don't helps. What can I do?

Shifting effect

<div class="sticky-top container-fluid p-0">
        <nav class="navbar navbar-expand-lg navbar-light bg-light" >
            <a class="navbar-brand px-3" href="#"><img src="img/logo_0.png" style="height: 2.5em" alt=""></a>
            
            <button class="me-3 navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon "></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mx-3 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link" aria-current="page" href="#ac">One</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/pages/service.html">Two</a>
                    </li>
                </ul>
            </div>     
        </nav> 
    </div>
0 Answers
Related