WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] tagline problem in mobile version of twentyeleven theme (5 posts)

  1. digitnow
    Member
    Posted 11 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 - http://www.drjonathanlevy.com

    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

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

    #site-description {
        margin: 0 270px 3em 0;
        min-width: 250px;
    }
  3. GenericBox
    Member
    Posted 11 months ago #

    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;
    }
  4. digitnow
    Member
    Posted 11 months ago #

    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;
    }
  5. digitnow
    Member
    Posted 11 months ago #

    Adding margin to the bottom worked. Thanks again.

Reply

You must log in to post.

About this Topic