Can I remove top header border

Hi Team,

Is there any way to remove the bottom border (line) from the top header bar? I used the top header bar to insert a phone number above my navigation header and made the top header bar transparent however there is a 1 px white line under it I’d like to remove so it’s truly transparent.

I think the line is used as a separator between top header and main header.

Also same situation applies to the footer. The footer seems to have a 1 px line at the top I’d also like to remove so my footer widgets (above main footer) and footer all blend together.

Thanks!

Dave

Hey David,

Would you mind shooting us a link to your site so we can take a look at the CSS needed?

Best,
Billy

Hi Billy,

Thanks for the speedy reply. Unfortunately I’m on a local server so can’t share the link.

Here is a screenshot of the issue I’m having if that would help. I assume I have to tweak the BB theme in some way but not sure what I need to do.

If the screenshot isn’t enough and you need to see the code, i might have to wait a few days until I upload the site and then I can change it on the live site I guess.

Here’s the screenshot:

screenshot of border

Thanks again!!

Dave

Here we go, David! :slight_smile:

Top bar border removal

.fl-page-bar {
    border-bottom: none;
}

Footer bar border removal

.fl-page-footer {
    border-top: none;
}

Let me know how that goes for you!

Best,
Billy

You da man Billy! Worked like a charm. Woohoo.
Thanks again!

Dave

P.S. Can’t say it enough… so freakin impressed with what you guys created here with BB. Keep up the great work.

Awesome! And, thanks so much for the kind words, really appreciate it! :slight_smile: