tagline problem in mobile version of twentyeleven theme

  • Resolved digitnow

    (@digitnow)


    11 years, 6 months ago

    I was wondering is there a way to control how the tagline (under the site title) breaks in the mobile version of the twentyeleven theme. It seems it really stacks up strangely the more the layout gets narrow. Here’s the site as a reference – https://www.drjonathanlevy.com

    Thanks

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

  • See if adding the min-width to your existing child style.css works:

    #site-description {
    margin: 0 270px 3em 0;
    min-width: 250px;
}

    The problem with min-width is that it will force the browser to scroll under that point, not that anything will go below 250px wide but still – I don’t think its the ideal solution.

    Removing the margin is a simple solution that appears to work for me.

    #site-description {
     margin: 0;
}
    Thread Starter digitnow

    (@digitnow)

    Thanks for the quick replies! I’m loving this WordPress forum. I tried GenericBox’s solution and it seemed to work pretty well. If I wanted to add a little margin to the bottom would I do this – 

    #site-description {
     margin: 0 0 10px 0;
}
    Thread Starter digitnow

    (@digitnow)

    Adding margin to the bottom worked. Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘tagline problem in mobile version of twentyeleven theme’ is closed to new replies.