Tagline Doesn't Show on Mobile Device

  • Hi!

    I’d like to include a tagline on my site.
    Here’s the URL: https://venturacommunitycounseling.com/

    However, on mobile devices the height of the blog posts are so high that it covers up the tagline. For now, I’ve left the tagline off. But I’m wondering if there’s a way to get around this….perhaps lower the height of the blog post? Or raise the height of the site title?

    I appreciate any comments, suggestions you might have.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author TT Themes

    (@tomastoman)

    Hi,

    adding this custom CSS into “Theme Options > Other Settings > Custom CSS” should fix it:

    @media screen and (max-width: 700px) {
body #wrapper-header {min-height: 250px;}
}

    Best regards,
    Tomas Toman

    Thread Starter Attento

    (@attento)

    Hello Tomas,

    Thank you for your help.
    I added the CSS as you suggested, and it still doesn’t work with mobile devices. It’s still covering half of the tagline. I messed around with the “min-height” px to see if that would change anything and it doesn’t. Here’s the site again if you need it:
    https://venturacommunitycounseling.com/

    Thank you for anything else you can suggest to do here.

    Adriana

    Theme Author TT Themes

    (@tomastoman)

    Hi Adriana,

    if the previous solution did not work properly for you, please try to decrease the font size for the Site Title and the Tagline on mobile devices:

    @media screen and (max-width: 700px) {
#header .site-title {font-size: 25px;}
#header .site-description {font-size: 20px; margin-top: 0;}
}

    Best regards,
    Tomas Toman

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tagline Doesn't Show on Mobile Device’ is closed to new replies.