Removing line in header

[randomnameee]

Hello, I am using the icon theme, how do I remove the horizontal line that seperates my header, from the rest of my page/content? I would like to make it not visible.

Thanks!

[jade]

Hi there,

Please update this code:

.x-navbar {
    font-size: 14px;
}

to

.x-navbar {
    font-size: 14px;
    border-bottom: 0;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[randomnameee]

So where do I go to find that code to swap?

[friech]

Hi There,

You can add this to Appearance > Customize > Additional CSS

.x-navbar {
    border-bottom: 0 !important;
}

Make sure to clear your caching plugins and browser’s cache after so the changes will take effect immediately.

Clear all caches

Hope it helps,
Cheers!

[randomnameee]

Thank you! Do you know how to get rid of the border for the footer as well? Haha thanks again!

[ruenel]

Hello @randomnameee,

To remove the border also in the footer, have the code updated and use this instead:

.x-navbar,
.x-colophon.top,
.x-colophon.bottom {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

We would loved to know if this has work for you. Thank you.