Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #312580

    I recently noticed that Enfold doesn’t play nice with Firefox, and by viewing my site in Chrome and Safari, it works perfectly. I created a screenshot to show how the background image doesn’t span correctly, and the vertical line that separates the body and sidebar is jacked up, but I can’t upload an image in your forum…

    Any idea why this is happening?

    Thank you,


    Hi glen!

    What version of Firefox specifically? I don’t see any mentions of FF issues on our bug tracker and have not run across anything at the moment either.



    Hi Devin,

    Firefox version 32.0 is what I’m using which seems to be the newest version. I just cleared the cookies and cache and my site is still messed up in the two places mentioned. I checked Chrome and Safari again and Enfold works great on both of those browsers.

    Any thoughts?




    I have checked your website on Firefox 32 on OS X 10.9.4 on 1920x1200px screen and it does look identical to Chrome on my end. Can you please post a screenshot and show the issue? You can upload screenshots on or Dropbox public folder and post the links here

    Best regards,


    Hi Yigit,

    Here’s the Dropbox link to view the issues I mentioned:

    To see the vertical line act up, please slowly resize your browser and pay attention to the line.



    Thank you for using Enfold.

    What is the current resolution of your monitor? When you say resize the browser, you mean “zooming the browser out”? Please add this on Quick CSS or custom.css:

    @media only screen and (min-width: 1600px) {
    #top #main .sidebar {
        left: -1px;



    Hi Ismael,

    It’s a 1080p 27″ IPS LED.

    When I say resize the browser, I mean drag the window width from full widescreen to a smaller size as if it was resizing responsively. Not zooming in or out.

    When you do this in Firefox, you’ll notice that the vertical orange / brown colored “body and widget separater” is glitchy. You can see this in the linked image above.

    In regard to the full width image not spanning correctly, I figured it out. In Dashboard > Enfold Theme Options > General Settings > General > Custom Background Image > Repeat, I had this set to no repeat. With this setting, my 1920×1080 custom background stretched to full width perfectly in Chrome and Safari by default. However, when viewed in Firefox, there are white bars on the left and right as if the image wasn’t large enough to span the whole screen. Strange…

    By changing Custom Background Image > Repeat > No Repeat, to: Stretch Fullscreen, it finally looks right in Firefox. My apologies as I completely missed this in the theme options panel.

    In regard to the glitchy vertical bar, I’m still unsure about that. If you open my site in Firefox on a 27″ monitor and then drag the window width from widescreen really slowly to a smaller size, you’ll see the vertical bar glitch I’m talking about:

    Thanks for your help.



    I think what you might be seeing with the widget/sidebar area is a bug or maybe quirk you could say in how Firefox draws borders.

    It will overlap borders instead of drawing a single one under some circumstances. I’m not seeing it on my end but I’ve run into that one other time where the sidebar border was doubling up and it was only with FF. I don’t know of a fix except removing the border completely:

    #top #main .sidebar {
    border: 0;

    Best regards,


    Great Devin. Thanks for the follow-up.



Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Firefox issue's with Enfold’ is closed to new replies.