Site logo

Archived topic

Mobile header wraps on some smaller screen mobiles

3 replies · Started by MMS on August 30, 2021

Viewing posts 1–4 of 4

Hi, How can I prevent my mobile header from wrapping underneath on smaller mobile screens i.e. iPhone 5, iPhone SE Site = makemesustainable.com

Hi there,

you already have some CSS that is resizing the logo at 900px breakpoint.
After that CSS Rule you can another to reduce its size further on smaller screens:

@media(max-width: 420px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 50px;
    }
}

Many thanks

You're welcome

This archived topic is closed to new replies.