2 Divi. If still not working, kindly share your URL. Try to update Divi to the latest version as well. I have anchor links in two call-to-action buttons that appear in the hero section of my site. After updating to WP 5.6 and installing Ultimate Header plugin 3.0.2, anchor links in the header menu no longer work. Open the settings of the second section (the one directly under our anchor link buttons) and add the following custom margin: Custom Margin: 20 left Now before you save the settings, right click on the Custom Margin option and click Copy Custom Margin and the save the settings. For a closer look at how these buttons function, head over to my homepage. Solution 1 Change the div/content above your Anchor Scroll point so it’s not an image. Your anchor link should be ready to go, so go ahead and test it. This section will not need a # within the CSS ID. Find the CSS ID and name it after the button ID you just created. publichtml/wp-content/themes/Divi/includes/builder/functions. Within that module, go into your “Advanced” tab. Prior to that, he served as News Anchor and later moved to mornings as News Anchor on. Find the module you would like your button to link to and open the settings section.Ĥ. I created my page to simply jump down to the module directly underneath the header, but you can connect to any module within your page layout. Do not forget the #, this is part of the anchor command. Here we will create a custom CSS ID and name it #learn-more. Look under your Content tab and find “Button #1 Link URL” within the Link settings. Open the module where you want to link from, in this case, we are anchoring from the hero image button “learn more” located in the Fullwidth Header Module settings.Ģ. I designed my hero section CTA button links to include anchors within the same webpage of my layout in 4 easy steps.ġ. In this tutorial, I will show you how to work with button and anchor links within the Divi page builder.
0 Comments
Leave a Reply. |