changing browsers changes site design

  • Jelly79fish

    (@jelly79fish)


    12 years, 7 months ago

    Everything is working great in Chrome and IE, but if I check my site out (www.thegrafton.com) in Firefox the header is different/broken. Is there something I can do to fix this?

    Specifically, I have the Vantage social widget placed in my header. When viewing the site in Firefox the widget is crunched down, hovering over the main page portion of the site instead of in the header.

    Here is a link to a screen shot screen shot

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

    (@crouchingbruin)

    12 years, 6 months ago

    Believe it or not, Firefox is actually displaying the elements properly based on the existing CSS. The three widgets need to be floated left so they will appear side-by-side.

    Does your theme have a custom CSS option? You want to add this CSS rule:

    header#masthead hgroup #header-sidebar aside.widget {
   position: relative;
   float: left;
}

    If your theme does not have a custom CSS option, install a CSS plugin like Lazyest Stylesheet or Custom CSS Manager and copy in the above rule into the custom CSS field.

    Thread Starter Jelly79fish

    (@jelly79fish)

    12 years, 6 months ago

    It does indeed. I entered the custom CSS. I have no idea what you’re talking about or why it works but…it works absolutely perfectly. You’re the man, CBruin.

    Thanks very much for the help!

    CrouchingBruin

    (@crouchingbruin)

    12 years, 6 months ago

    You’re welcome, and if I’m ever in Chicago, I’ll stop by for a burger. 😉

    Thread Starter Jelly79fish

    (@jelly79fish)

    12 years, 6 months ago

    Please do!

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

The topic ‘changing browsers changes site design’ is closed to new replies.