Hi, I’m having an issue with the way the logo is displaying on the mobile header. The logo is not centering to the vertical height of the header. Instead, it is aligning to the bottom left corner of the header. You can see the issue by going to the website URL I’ve included in the private content section and sizing your screen to a mobile width.
Thank you for your help!
Hey Insight_PR,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
strong.logo {
width: 100% !important;
}
strong.logo img {
display: table !important;
margin: 0 auto !important;
}
}
Best regards,
Rikard
Thank you!