Main Sidebar Widget Area not Correct in Firefox

  • Good day, I am struggling with a problem where the Main Sidebar Widget Area is not correct in Firefox and overlapping / drawing over products and content on the website. Please see website indicated. I really do not know where to start looking and think it might be theme related using the i-craft theme but not receiving support from them in this regard. The mobile page is also oversize and not sized correctly as per layouts. The complete website display fine in Chrome, Safari or IE and Microsoft Edge however only Firefox has this issue.

    The page I need help with: [log in to see the link]

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

  • Hi,

    this is caused by a css rule (width: 1040px) in a stylesheet called ie.css. It looks like a plugin is preloading that stylesheet in Firefox whereas it should only be loaded on IE browsers < IE9.

    See image: https://vanweerd.com/screenshots/s20200110130717.jpg

    I suggest you contact the theme developer for assistance on why that rule exists. Removing that rule will show the layout properly. Or check your code/plugins to make sure that preloading the css works properly.

    Thread Starter thiartj

    (@thiartj)

    Thank you for the help. Is there any way to set it to variable pixels since the dev on the theme is providing no response. I will also check try to check which plugin load this file

    Hi,

    you could just remove that line for now I think, this may cause issues for browsers IE8 and older, but those are not supported anymore anyway, and with end of support for Windows 7 (next week), IE8 (and earlier versions) should fade away soon. But that is just my 2 cents.

    Thread Starter thiartj

    (@thiartj)

    Thanks, I agree newer browsers and Firefox more important than compatibility on out of date browsers. I removed the reference to ie.css from functions.php in theme and the sidebar is normal now thank you. The other styles is OK in Firefox for a split second after page load but then a yellow background on text is applied over the default style and the product layout changes changes as well. How can I check which style is applied directly after load to have it removed as well ? It loads the correct style for part of a second then changes. Thanks for the support, I know extremely little on debugging CSS

    • This reply was modified 4 years, 10 months ago by thiartj.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Main Sidebar Widget Area not Correct in Firefox’ is closed to new replies.