Change Position of Border line

[Littleonesprelo]

Hi, i have the paid of expression theme for my website www.littleonespreloved.co.uk. I've added a border line underneath my main navigation, after my previous border line seemed to have disapeared. However, now it is underneath my social icons. Please could anyone advise me on how to change it so the social icons are just underneath the border line. 

I used this border code in Theme.liquid:

<style>
header {
border-bottom: solid 1px !important;
}
</style>

Thank you 

[IoannisM · Accepted solution]

try this instead:

<style>
.main-nav-bar {
border-bottom: solid 1px black !important;
}
</style>

[Littleonesprelo]

Thank you, this worked!

[Made4uo-Ribe]

Hi @Littleonesprelo 

Exchange on this code. 

<style>
.page-header--content {
    border-bottom: 1px solid;
}
</style>

And Save. 

Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Littleonesprelo]

Thank you! this has sorted it!