Hi @Mario :),
1. As we said in the previous replies, some widgets are using the AJAX loading so they need time to load, do you want to remove this feature completely?
2. We’ve fixed this issue for you. There were some br tags that cause the spacing issue.
3. Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
@media (max-width: 600px){
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
width: 100%;
}
}
4. It’s because of your custom CSS codes:
.btn.small.black, .btn.medium.black, .btn.big.black, .before-checkout-form .button, .etheme-above-checkout-form .button, .checkout-button, .shipping-calculator-form .button, .single_add_to_cart_button.button, .single_add_to_cart_button.button:focus, .single_add_to_cart_button.button.disabled, .single_add_to_cart_button.button.disabled:hover, .et-quick-view-wrapper .single_add_to_cart_button.button, .et-quick-view-wrapper .single_add_to_cart_button.button:focus, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled:hover, form.login .button, form.register .button, form.register .button.woocommerce-Button, form.lost_reset_password .button, .woocommerce-EditAccountForm .woocommerce-Button, .empty-cart-block .btn, .empty-wishlist-block .btn, .empty-compare-block .btn, .empty-category-block .btn, .woocommerce-mini-cart__empty-message .btn, .form-submit input[type="submit"], #commentform input[type="button"], .form-submit input[type="submit"]:focus, .my_account_orders .view, .et-quick-view-wrapper .product_type_variable, .et-quick-view-wrapper .product_type_variation, .coupon input[type="submit"], .widget_search button, .widget_product_search button, .woocommerce-product-search button, form.wpcf7-form .wpcf7-submit:not(.active), .woocommerce table.wishlist_table td.product-add-to-cart a, .wcmp-quick-info-wrapper form input[type=submit], .product_list_widget .buttons a, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .btn-checkout, .mini-cart-buttons .button:not(.btn-checkout), .mini-cart-buttons a, .form-row.place-order .button, .search-full-width form .btn, .xstore-wishlist-action .button, .xstore-compare-button .button, .form-actions .add-all-products, .form-actions .compare-more-products, .form-actions .xstore-wishlist-actions, .form-actions .xstore-compare-actions, .et-cookies-popup-wrapper .cookies-button, body .etheme-checkout-page-next-step, .etheme-checkout-page-steps-footer #place_order, body .etheme-checkout-page-previous-step, .etheme-elementor-cart-checkout-page-coupon .button, .etheme-elementor-cart-checkout-page-login-form .button {
font-weight: 400;
text-transform: capitalize;
border-style: none;
margin-top: 30px;
}
We’ve removed the margin-top: 30px; and everything looks good.
5. How can we access this? This is how it looks now: https://prnt.sc/m4J3cUC6zgQv
6. Please double check the responsive & margin settings of your sections & inner sections, maybe there are some margin. We also suggest you to convert all the old sections to containers: https://elementor.com/help/convert-existing-sections-to-containers/.
Best regards,
The 8Theme Team