I managed to get a mobile menu layout on an iPad landscape and all desktops below 1024 px.
I have problems in this layout to center the logo. I know it is managed in css with this line:
@media only all and (max-width: 47.938rem) {
.g-logo {
display: block;
text-align: center;
}
}
But I can not override this in custom.css ...i.e. it is not working.
Question: how to center the logo image as long the mobile menu is in place.