Hello @urbanestocks,

Can you post your site URL so that we can provide the precise fix on this?

Thank you 🙂 .

Best Regards!!

Hello @urbanestocks,

Your query has been answered below:

To change the font size of the menu use below given CSS.

.main-navigation ul li a {
    font-size: 17px;  
}

To change the font family of the menu bar use below given CSS.

body.body-font-5 .main-navigation .container ul li a {
    font-family: 'roboto', sans-serif;
}

To change the color of the login bar use below given CSS.

#top-bar ul.menu {
    background-color: #7f4600e0;
}

To remove the grey line use below given CSS.

#top-bar ul.menu li a {
    border-right: none;  
}

In above custom CSS change the color code and adjust the px as per your requirement.

Also, place all above custom CSS in Admin Panel > Appearance > Customize > Additional CSS.

Hope this helps.

Best Regards!!

Hello @urbanestocks,

To change whole top bar to black use below given CSS.

#top-bar {
    background-color: #000;
}

#top-bar ul.menu {
    background-color: #000 !important;
 border-left: none;
    border-right: none;
}

Now to change the color of the text of login and register use below given CSS.

#top-bar ul.menu li a {
    color: #fff;
}

Hope this helps.

Best Regards!!