Style Responsive CSS Genesis Child Theme

Community Forums Forums Design Tips and Tricks Style Responsive CSS Genesis Child Theme

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Marcy 1 year ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23785

    senordeer
    Participant
    Post count: 21

    I am having difficulty styling the responsive  portion of my CSS for the following blog:

    wp.littlebluedeerdesign.com

    When i view it on the iphone, the content and header are cut off halfway across the page and the primary menu items extend all the way across.  Would greatly appreciate any assistance on this!  Thanks!

    #37280

    Marcy
    Participant
    Post count: 277

    It is probably your #wrap. You have:

    #wrap {
    background-color: #FFFFFF;
      border: 1px solid #EC008C;</div>
      box-shadow: 0 0 5px #999999;</div>
      margin: 15px auto;</div>
      padding: 0;
      width: 1100px;
    }

    The width: 1100px line makes it stay that size.
    Try replacing it with
    max-width: 1100px;


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.