Firefox rendering incorrectly – inner row problem?

Posted in: Newspaper
Post count: 500

Hi – homepage looks great in Safari – http://jazzreview.co.uk – but in Firefox columns are going out of place and white space appearing. Is this because I’ve used inner rows? Please these shots of Firefox rendering and of my use of inner rows. Thanks.

https://drive.google.com/drive/folders/1yOQQ3OVowFDuQFhb8wK5H_IS4ik8QRKO?usp=sharing

Post count: 500

Please disregard this query – all now seems ok after I used rows/inner rows differently (and probably correctly!)

Post count: 500

Actually – not solved! I now see the problem is Firefox won’t accept any Column Gap below 18. If you select 17, it will throw your elements into disarray and introduce white space. Also Firefox will not respond to changes to css margin top, e.g., -20. Safari is fine. Can this be fixed? Can you make Newspaper work in Firefox as in Safari?

Post count: 500

Same with Css-padding-bottom – Firefox will take 20 but 41 will throw the elements out… Safari is fine. I need help on this, or any reader using Firefox, a fairly popular browser, will be in trouble. My launch is delayed for 2 days already… Am I missing something or is Newspaper just incompatible with Firefox? Or at least if you adjust spacing parameters in Flex Box 3 (which is what I am using throughout my homepage)? At the moment I am forced to have irregular block depths in Safari to avoid elements all over the place in Firefox… Do I tell readers to avoid using Firefox?

Post count: 35449

Hi,

Our theme is compatible with those browsers, please check our demos -> https://demo.tagdiv.com/newspaper/

If you set correct the blocks/flex everything need to look just fine, also please make sure that you do not have any plugins that can interfere with the theme ( make a test and deactivate all non theme plugins, can be a plugin conflict ), and make sure that you clear all cache if you are using some cache plugin.

Here is how I see your website now
Google chrome -> https://www.screencast.com/t/ZI7YcUPNxZU
Safari -> https://www.screencast.com/t/04fuZEQAS
Firefox -> https://www.screencast.com/t/Vb26DCSPIX

Thank you.

Post count: 500

Hi Calin – many thanks for your reply. The screenshot of Firefox you sent is ok because I have removed almost all padding and margin adjustments. I have now added -20 to ccs margin-top in both rows on the page as you will see here:

https://drive.google.com/open?id=1WCFM8xrCK3DAeyo_21e7KLoKjbIvj2cy

ands Firefox looks like this:

https://drive.google.com/open?id=1gOJQSavFpIbq21Ny_8OO3E_qIhZVyr-h

The only non-Newspaper plugins active were Cookie Notice, Regenerate Thumbnails, Password Protected, now deactivated.

I’d really like to solve this one today so I can launch with the tighter, small margin layout I prefer. Thanks.

Post count: 500

Dear Calin – I have tested another homepage with padding/margin adjustments in css and it’s rendering ok. So something in my block layout in the other page doesn’t work in Firefox though ok in Safari?

Post count: 35449

Hi,

You can make a test on localhost for example, make a fresh install, and make sure that you have active only the theme plugins, after that test the layout of pages, posts on Firefox
and Safari.
Install via FTP -> https://forum.tagdiv.com/install-via-ftp/
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Also make sure that you have the last version of theme.

Thanks.

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.