Docs

[nickohorny]

Hi,

I added in some text to the top menu area. I have that text and the social icons to the right side. When using the site responsively on mobile it displays odd and sits over the main logo. How can I fix this please? Thanks.

[nickohorny]

This reply has been marked as private.

[Christopher]

Hi there,

please find this code :

body .x-topbar .p-info {
    float: right;
    margin-left: 20px;
}
.x-topbar {
    height: 30px;
    min-height: 0px;
    padding-bottom: 40px;
    padding-top: 0px;
    padding-right: 16px;
}

And update it to :

@media (min-width:767px){

body .x-topbar .p-info {
    float: right;
    margin-left: 20px;
}
.x-topbar {
    height: 30px;
    min-height: 0px;
    padding-bottom: 40px;
    padding-top: 0px;
    padding-right: 16px;
}
}
.x-topbar .p-info{
background-color:transparent;
}

Hope it helps.

[nickohorny]

Thanks 🙂

[Christopher]

You’re welcome.

[Author]

Posts