Docs

[zeusuk]

Hi there
As always, great theme!
I’ve just added my social icons to the topbar and changed colors etc but now i’d like to centre align them like they are on mobile, how do i achieve this?
Also, recently i changed my navbar size to make it smaller but on mobile i noticed my logo is now wonky and out of place, as is the menu burger sign, i’d like them both to be halfway down the navbar like they are in the big screen version.
Thanks a lot!

[zeusuk]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-topbar {
    text-align: center;
}

.x-topbar .x-social-global {
    float: none;
}

@media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
    margin: 10px auto;
}
.x-brand {
    margin-top: 10px;
}
}

Hope that helps

[zeusuk]

Worked a treat, thanks very much!

[Prasant Rai]

You are most welcome. 🙂

[zeusuk]

There’s something else actually, can you tell me how to add a hover effect on my social icons in the topbar and the footer? Like the standard hover effect for the social share buttons, when i looked it up all i can see is people asking how to remove, not add.
Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-topbar .x-social-global a:hover {
    color: #ddd !important;
}

Thanks.

[zeusuk]

Awesome, thanks!

[Jade]

You’re welcome.

[Author]

Posts