Home Forums WoodMart support forum “Section Divider” not showing well on Firefox mobile browser only Reply To: “Section Divider” not showing well on Firefox mobile browser only

#498978

Bogdan Donovan
Keymaster

Firefox browser has differences in the calculation of negative margins during content overlapping that cannot be simply fixed in the theme or builder plugin. To ensure that your content looks similar in all browsers, you need to minimize use of negative margins as much as possible:

1. Remove margin-top: -25px from divider column (screenshot https://prnt.sc/yOR1yndZFGJq).
2. WPBakery columns by default has padding-top: 35px styles that come from plugin (https://prnt.sc/w-buTiEiiTo7). To reset this padding, so it did not interfere with yours divider, reset padding-top of your divider column (screenshot https://prnt.sc/S_EWDokI2qbH).
3. Remove all negative margin-top values from all devices in your infobox element (https://prnt.sc/wCzHtgZZ8hxw), so it does not overlap above content, including divider.

If you’re done this changes, your divider will look normal in Firefox (screenshot https://prnt.sc/6gzeF3Hnybqo divider is temporarily marked in red to see its boundaries).