Web Version in Firefox issue

I used the builder to make the template of the newsletter.

The web version displays nicely in Chrome and Safari, but blocks are extended in Firefox...

Screen shot 2015-06-23 at 10.09.05 AM.png

Screen shot 2015-06-23 at 10.09.21 AM.png

Screen shot 2015-06-23 at 10.09.45 AM.png
Any solution to this?

Thank you.
 
I found the solution.

The images need a value in pixel to display properly in Firefox.

Screen shot 2015-06-29 at 11.21.55 AM.png
So for example, I gave a value of 150 for each of the circle and 550 for the large images.

Hope this will help someone.
 
The solution above is great for Firefox, but it's screwing up display in mobile phones.

This is how to optimize for both Firefox and mobile phones.

Enter the width, but no height... unlocked

Screen shot 2015-07-14 at 8.41.18 AM.png
then, enter: max-width: 100%;

Screen shot 2015-07-14 at 8.41.27 AM.png

This has worked great in a simple template with simple modules.
In some instances I had to add: height:auto;

>> It can't be saved from the window:
Screen shot 2015-07-14 at 10.50.27 AM.png
so add it if necessary from the HTML view.

Generally, I found it very difficult to optimize a template made with the builder for mobile phones, especially in the sections with squared or rounded images.

Any one has a complex template made with the builder that displays well in mobiles?
 
Back
Top