@mylin everything is working correctly and pointing exactly to the ID you linked to. However, in order for it to show up at the top of both of those widgets, you would actually need to add an Id #
in a higher location. The reason is because there are 2 other divs above the div you linked to. Here’s how it looks by default –
<div class="home-mid">
<div class="wrap">
<div id="home-mid-left" class="home-mid-left fadeup-effect fadeInUp">
<div class="wrap">
Notice the home-mid
and the wrap
are in front of the home-mid-left
. They both have padding in them so that’s why your link makes it appear that it’s going past the widget area.
An easy way to get this working better, is to add an ID in the first div (top of the widget area) and link to it. Here’s an example –
<div class="home-mid" id="home-mid">
<div class="wrap">
<div id="home-mid-left" class="home-mid-left fadeup-effect fadeInUp">
<div class="wrap">
Notice I added id="home-mid"
in the top div. You can change the link in your menu to #home-mid
and it should work fine. This can all be added in your front-page.php file. If you need assistance locating and adding this in just let me know.