WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Twelve Theme and Safari (13 posts)

  1. johnhenrymartin
    Member
    Posted 1 year ago #

    Just changed from twenty eleven to twelve really dislike the nav bar on eleven. Any way

    In Safari the right margin stretches too far -- it is about 1080px rather than the 960px default. It makes me unhappy because the graphic don't line up properly -- has anyone else noticed this problem?

    One solution is to change to Firefox and pretend it isn't happening.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    What does W3C's validator say about your markup?
    Are there any worrying errors that may be cause to the anomaly?
    http://validator.w3.org/

  3. johnhenrymartin
    Member
    Posted 1 year ago #

    no errors that would cause layout problems

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please link the problematic webpage.

  5. johnhenrymartin
    Member
    Posted 1 year ago #

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Which version of safari are you using?
    I've used Safari 5.0 and the latest version of chrome. I saw this http://awesomescreenshot.com/0d1puxp00 . Is there an issue within that image?

  7. johnhenrymartin
    Member
    Posted 1 year ago #

    That looks fine -- very strange. I am using Safari 5.1.7 and looks different

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you post a link to a screenshot illustrating the issue?

  9. johnhenrymartin
    Member
    Posted 1 year ago #

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try adding to your Custom CSS;

    img.header-image {
     width: 960px;
     display: block;
    }
  11. johnhenrymartin
    Member
    Posted 1 year ago #

    that didn't work, but that inspired me to do this:-

    #page {
    width: 960px;
    }

    ...which did work

    That appears to be a WordPress parameter not a parameter determined by the Twenty Twelve theme, yes? Because #page is nowhere in the Twenty Twelve CSS

    Thanks for all of your assistance
    JHM

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    #page

    This is just a CSS selector. It selects a certain part of the page.
    The hash symbol means ID(id) attribute and the name means ID attribute value.
    http://www.w3schools.com/cssref/css_selectors.asp

    In your webpage, you have this amongst other elements;

    <div id="page" class="hfeed site">

    It's to do with the way the theme is built.

  13. johnhenrymartin
    Member
    Posted 1 year ago #

    I might look into the header.php and see if what the width is being set at. I foolishly update WordPress and the theme together which makes finding the error a bit difficult especially when you don't know where to look. Thanks again

Topic Closed

This topic has been closed to new replies.

About this Topic