“Jump to Recipe” button not linking correctly

[ad_1]

Hi everyone,

I’m trying to include a “Jump to Recipe” button for my recipe blog. (See example just under recipe title: [https://cookieandkate.com/amazing-chocolate-chip-cookies/]).

This is the code for my ‘Jump to Recipe’ button: <div class=”wp-block-button is-style-fill”><a class=”wp-block-button\_\_link wp-element-button” href=””#recipe”” rel=”#recipe”>Jump to Recipe</a></div>.

I’ve inserted HTML anchor code for where I want the button to link to on the same page: <div id=”recipe”> </div>.

Every time I click on the button, it links back to my homepage.

What gives?? Please ELI5 :). I am by no means a coding expert.

&#x200B;

[ad_2]
3 Comments
  1. might just be a formatting error, but it might be the extra “” in the href= section

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer