Elementor's anchor widget is fantastic tool for creating internal link to jumps on your webpage, perfect for one-page website. However, used together with a fixed header or sticky navigation, this can be a problem. When an anchor link is clicked, the fixed header might block the content you're trying to scroll to. This blog will show you how to fix that. Adding Elementors Anchor Widget For this article, this is how our Elementor anchor widget is implemented. We just add it above the headline or Title that we want the visitor to scroll. This is how the Anchor widget is implemented in Elementor. Problem: Sticky Header Overlaps Anchor Let’s have a quick look at what we are presented with when making no adjustments and simply try to use a sticky navigation with Elementor anchor widget. Here is what we get by default. Solution: A few simple lines of CSS Here are two ways to add the CSS code to fix your anchor widget and sticky header: Child Theme's style.css file: This opti
At times, there may be a need to eliminate or deactivate billing address fields during the checkout process. The approach for doing this will vary depending on your store type and your specific objectives. If you sell shipped products and you don’t need customer to enter a separate billing address, you can use the built in WooCommerce address features. In WordPress admin, go to WooCommerce > Settings Click the Shipping tab Click ‘Shipping options’ Select ‘Force shipping to customer billing address’ for ‘Shipping destination’ and save. (Optional) Change the address heading. By default, the heading for the address fields will be ‘Billing and Shipping address’. You can override this with this snippet: <?php // Do NOT include the opening php tag. // Place in your theme's functions.php file add_filter( 'cfw_billing_shipping_address_heading', function( $heading ) { return 'Shipping address'; } );