Horizontal bar & social icons in nav

Is there a way to get a thin grey line above and below the navbar?
Also, can I get the social icons in the navbar and be grey, not green like they are in the footer?

See screenshot, please.

Hello @md_mitchell,

Thanks for writing in!

Please add following CSS under X > Launch >Options > CSS to have navbar border:

.x-navbar {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

For the second question, please refer following thread as it will help you to get started:

Thanks.

Thanks so much!

You’re always welcome.

For more guidance, please do visit our knowledge base.

Hi. I installed the child theme and updated the navbar.php per previous instructions. It all looks good but on smaller responsive screens the social icons fall out of the navbar (up near the logo) until the menu is opened and then they jump to the bottom. Any guidance?

Thank you!

Hi,

To fix it, you can add this in X > Launch > Options > CSS

@media(max-width:979px) {
.custom-social {
    display: inline-block;
    float: right;
    margin-top: 10px;
    position: absolute;
    right: 0;
}
.x-btn-navbar {
    margin-top: 5px;
}
}

Hope that helps

That did it. Thank you so much!

You’re most welcome.