Mobile navigation menu, first child has weird padding issue?

Hi there I am new to the WordPress space, but I’ve really been enjoying my time with the flexibility of the Customizr theme. I do have an issue though and I can’t seem to figure out how to solve the issue.

On my website when my navigation bar becomes the mobile “hamburger” menu, the first link in my navigation bar has a 5 pixel padding on it that gives it a weird appearance.

The root of the issue appears to be this…

.navbar div>ul.nav>.menu-item:first-child>a{
padding-left:5px;
}

But it only goes away if I completely shut off the padding-left styling in my browsers inspector. If I switch it to padding-left:0px; to override the styling in a child theme it doesn’t work 🙁

Please help me and let me know if that makes sense or not. Thank you.