Docs

[heltaskelta]

Hi there,

I need to make some modifications to the social icons in the top nav bar.

I will send more details in a private post as this site is on our development server…

[heltaskelta]

This reply has been marked as private.

[Paul R]

Hi,

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

.x-topbar p:empty {
    display:none;
}

.x-topbar .x-social-global a {
    margin-right:0;
    margin-left:0;
    line-height: 35px;
}

.x-topbar .x-social-global {
    margin-right:10px;
}

@media (max-width: 767px) {
.x-topbar .x-social-global {
   margin-right:0;
    min-width: 120px;
    display: inline-block;
}
}

Hope that helps.

[heltaskelta]

Awesome!

[Joao]

Glad to hear it,

Joao

[heltaskelta]

This reply has been marked as private.

[heltaskelta]

Sorry, logo size will be 60x250px not 50x210px as previously mentioned.

[Rupok]

Hi there,

You can place the image tag within Topbar content and give it a custom class name for the sake of customization. If you need our help with some beautification, we can assist you but this kind of customization is out of our supprot scope.

Thanks!

[heltaskelta]

This reply has been marked as private.

[Paul R]

Hi,

Please remove your code and add this.

.x-topbar {
    padding:0;
}

.x-topbar .p-info {
    position: absolute;
    left: 0;
}

.x-topbar .x-social-global {
    line-height: 60px;
}

.x-topbar .topnavinfo,
.x-topbar .topnavemail {
   margin-top:15px;
}

Hope that helps.

[heltaskelta]

Sorry, didn’t work! Please advise. Thx

[heltaskelta]

This reply has been marked as private.

[Paul R]

Hi,

Kindly change this

.x-topbar .p-info {
    position: absolute;
    left: 0;
}

to this

.x-topbar .bwlogotopnav {
   position: absolute;
    left: 0;
}

Hope that helps.

[heltaskelta]

This reply has been marked as private.

[Jade]

HI there,

Please add this CSS:

@media (max-width: 767px) {
    .x-topbar .x-social-global {
        position: absolute;
        top: 50%;
    }

    .x-topbar {
        min-height: 120px;
    }
}

Hope this helps.

[Author]

Posts