Center the Logo on Tablets and Mobile

Support
#1

I have tried adding this to the Custom CSS to center the logo but no joy.

@media (max-width: 979px) {
.x-brand.img {
display: block;
margin: 0 auto;
width: 100%;
}

.x-btn-navbar {
float: none !important;
text-align: center;
}

}

Please can you advise
Thanks

#2

Hi @princessci16,

Please try with this custom CSS instead:

@media (max-width: 979px){
    a.x-brand.img {
        float: none;
        margin: 0 auto;
        max-width: 213px;
    }
    .masthead-inline .x-btn-navbar {
        float: none;
        max-width: 51px;
        margin: 0 auto;
    }
    .home .masthead {
        position: relative;
    }
    .home .entry-wrap {
        padding: 0;
        box-shadow: none;
    }
    .home .x-container.offset {
        margin-top: 0;
    }
    .home .x-navbar {
        box-shadow: none;
    }
}

Hope it helps :slight_smile:

#3

Hi
Think that sorted it along with removing an entry for width at 1500px
Many thanks

#4

Glad we were able to help :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.