Logo Not Resizing In Firefox

BB Theme
1

Hello,

I have a website that I am building for a client and I am having an issue with the logo in Firefox and IE where the logo is displaying very large and is not resizing when the browser width is reduced. It looks fine in Chrome and Safari.

The URL is http://thepridhamgroup.com/dunhamsrun/

I have disabled all plugins except Web Page Builder.

I have the following css rule (to make the header full width). I tried removing the CSS, but it didn’t make any change.

.fl-full-width .container {
width: auto; margin: 0 100px;
}

Has anyone else run into this?

Thanks

2

[Content Hidden]

3

Hello Mark,

Thank you for getting in touch! This can be fixed by adding this CSS snippet.

.fl-page-nav-bottom .fl-page-header-row {
    table-layout: fixed;
}

We’re currently looking into this so we may patch it up soon.

Hope this helps!

Ben

4

I’m having the same problem at http://demo19.thewritedesigner.com/, but the CSS snippet didn’t fix it. What now?

Thank you,
Lisa

5

Hey Lisa,

Sorry the CSS snippet above is way too specific for header with a bottom navigation layout. This should work for you as well as any others that might have this same issue.

.fl-page-header-primary .fl-page-header-row {
    table-layout: fixed;
}

Ben

6

That did it! Thank you so much!

7

No problem, Lisa! Have fun with The Beaver! :slight_smile:

Ben