Logo/Nav Bar: Mobile

  • Resolved wpank

    (@wpank)


    8 years, 10 months ago

    On mobile devices, how can I prevent the nav bar from pushing below the logo? My logo is long (horizontally) so it takes up the entire width of the mobile screen. I’d like for it to resize so it always sits to the left of the nav bar on mobile devices (and the tablet/desktop). Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Please try to add the following in Customizer => Theme Options => Custom css :

    .site-branding { max-width: 200px; }

    let me know how it goes!

    Thread Starter wpank

    (@wpank)

    Is there a way to limit the width size on mobile devices only? The suggestion above would make my logo tiny on desktops devices so it doesn’t work.

    Yes. Of course.

    @media only screen and (max-width: 767px) {
.site-branding { max-width: 200px; }
}
    Thread Starter wpank

    (@wpank)

    Works perfectly. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo/Nav Bar: Mobile’ is closed to new replies.