URL: https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion

Browser / Version: Firefox Mobile 63.0
Operating System: Samsung Galaxy S6 (Android 7.0) - Resolution 1440 x 2560 pixels (~577 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: Some elements on the page are displayed misaligned
Steps to Reproduce:
1. Navigate to https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion
2. Observe the "Cart" button.

Expected Behavior:
"Cart" button is fully visible on the page.

Actual Behavior:
The “Cart” button is misaligned (exceeds the page margins).

Note:
1. Reproducible on LG G5 (Android 7.0) - 1440 x 2560 pixels (~554 ppi pixel density).
2. Not reproducible on Chrome 67.0.3396.99 and Firefox 60.0.2 Release.
3. Screenshot attached.
4. Also “Regular License” area has the same issue on the price layout.
5. Affected area:

<div class="item-header__price">
	<a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/2833226?license=regular&amp;support=bundle_6month">
		<span class="item-header__cart-button-icon">
			<i class="e-icon -icon-cart -margin-right"></i>
		</span>
		<span class="t-heading -size-m -color-light -margin-none">
			<b class="t-currency">
				<span class="js-item-header__price">$60</span>
			</b>
		</span>
	</a>
</div>

Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov

sv; country: us

From webcompat.com with ❤️