Docs

[bluetroop2]

http://cardinal.bluetroop.com/

Hello, I’d like to remove the Facebook icon in the header portion of this web-site, but still keep it in the footer portion. How do I do that?

Also, when reducing the design down to smartphone screen size, the top line bar of text wraps and interferes with the mobile menu nav-bar icon. Is there a way I can correct that as well?

Thank you.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-topbar .x-social-global {
    display: none;
}
.x-topbar {
    max-height: inherit;
}

Hope it helps 🙂

[bluetroop2]

This reply has been marked as private.

[bluetroop2]

Sorry, here is a smaller image to see…

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media (max-width: 500px)
.x-topbar {
padding-bottom:90px;
}
}

Hope that helps,

Joao

[bluetroop2]

This did not work. Can we try something else?

[Joao]

Hi There,

Sorry there was a missing curly bracket on the code:

Please place the following code to Appereance Customizer Custom CSS:

@media (max-width: 500px) {
.x-topbar {
padding-bottom:90px;
}
}

Hope that helps,

Joao

[bluetroop2]

Yes, this works, thank you.

[Jade]

You’re welcome.

[Author]

Posts