How to fix: Navbar styling issue

Harsh Shah

The following is the code for the navbar on https://www.vimaldevelopers.com/vimalproject0/residential-projects-mumbai/vimalprojects.html

Checked the bootstrap version on the bad navbar page and it is 3.3.7

<div class="col-lg-9 col-md-5 col-sm-6 col-xs-12 toll-col-mob">
    <div style="background: #85B540!important; width: 95rem; height: 2rem; ">
        <div class="hotlines text-white">Contact No.
            <a href="#" class="toll-no">0222-8981111</a>
            <!-- <a href="tel:1 800 212 8888" class="toll-no">1 800 212 8888</a> -->
        </div>
    </div>

    <div style="background: #18191b!important; padding-top: 15px">
        <nav class="toplinks">
            <ul>
                <li><a href="#" class="">Vimal Developers</a></li>

                <li class="drop-drown-menu clearfix">
                    <a href="omkar-1973-worli#" class="active">projects</a>
                    <ul class="dropdown-content menu-show">
                        <li>
                            <a href="#" class="">Residential</a>
                        </li>

                        <li>
                            <a href="#" class="">Commercial</a>
                        </li>
                    </ul>
                </li>

                <li><a href="#" class="">Contact Us</a></li>


            </ul>
        </nav>

I want to make it look like the main page on https://www.vimaldevelopers.com. This page is using v4.

This is what the above code looks like (the bad navbar) :

This is how I want it to look like :

Someone please save my day!

Mariselvam

try this :::

.toll-col-mob {
    width:100%;
}
.toplinks ul {
    display: flex;
    justify-content: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}

Collected from the Internet

Please contact [email protected] to delete if infringement.