• Resolved travelfoto

    (@travelfoto)


    Is there a way to make the tagline display on the mobile version of my website? Perhaps with an @media custom CSS? Thanks very much.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Author!

    The tagline is normally hidden because it doesn’t fit well, but you can add the CSS below to make it appear. This will also limit the width of the tagline so that it doesn’t interfere with the menu button. The only caveat is that it will take up two lines rather than one (like this).

    @media all and (max-width: 549px) {
    
      .site-header .tagline {
        display: block;
        max-width: 280px;
      }
    }

    Please copy and paste this into the Customizer (Appearance > Customize), and it will take affect right away.

    Thread Starter travelfoto

    (@travelfoto)

    Thanks very much, Ben! I thought it was a matter of not fitting, but with the code you’ve provided I’ll play around & see what I can do. Author is a great theme, & I appreciate the help.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! Thanks for the kind words about Author ??

    Stay in touch if you need anything else.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tagline absent on mobile’ is closed to new replies.