Hero Bricks Not Aligning Properly

This topic is: Resolved

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!

This topic contains 4 replies, has 2 voices, and was last updated by  lelagrl 2 years ago.

  • Author
    Posts
  • #5259

    lelagrl
    Member
    Post count: 5

    The large hero brick is not aligning height wise with the smaller hero bricks –> http://screencast.com/t/zwyznnSmCb

    On a PC, I checked the site in FF, Chrome and IE and in Chrome the hero bricks aligned perfectly, but in FF and IE, no good.

    On a Mac, I checked the site in FF, Chrome and Safari and the hero bricks were not aligning properly in any of the browsers,

    I tried to figure out what to adjust in the CSS to fix the height of the large hero brick, but I couldn’t pin-point the css selector.

    Please tell me what to adjust in the CSS to fix this, so that the hero bricks align properly in all browsers. It’s a small detail I know, but it’s really bugging me.

    • This topic was modified 2 years ago by  lelagrl.
    • This topic was modified 2 years ago by  lelagrl.
  • #5272

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #5331

    lelagrl
    Member
    Post count: 5

    That almost fixes the issue, but only when you resize the browser window or if the browser window is open at full screen when the site initially loads.

    If the browser window is not open full screen when the site initially loads, the large hero brick still does not properly line up with the smaller hero bricks. http://screencast.com/t/oNYHRCLc9lqE

  • #5350

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #5352

    lelagrl
    Member
    Post count: 5

    On my Mac, it looks perfect in Chrome and Safari, but in Firefox it’s comes up short by 1px. Haven’t checked on a PC, so fingers crossed, it’s ok there too.

    I know it’s not easy trying to get things to look consistent in all browsers, so I’m happy with the solution provided. However if you can figure out how to get it perfect in FF too, please post it here.

    Thanks for your help.

You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!