Center the logo in the header on mobile devises

Support
#1

Hello,

I’d like to center the logo in the header for mobile devises. I changed the size of the logo using the following code, but did not manage to have it centered. How can I achieve this? Note that I am using a left navbar on desktop.

@media (max-width: 979px){
.x-brand img {
    width: 135px;
    padding-bottom:2px; }}

URL: https://unepausenergetique.fr/ (pwd:france)

Thanks,
Antoine

#2

Hi There,

Thanks for writing in!
Please update your CSS with this.

@media (max-width: 979px){
.x-brand img {
    width: 135px;
    padding-bottom:2px; 
}
.x-navbar-fixed-left .x-brand, .x-navbar-fixed-right .x-brand {
float: none !important;
}
.x-btn-navbar, .x-btn-navbar.collapsed {
    position: absolute;
    right: 20px;
    top: 20px;
}

}

Hope this works.

Thanks

#3

Thank you, it works fine :slight_smile:

#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.