jump anchor link not working

[mhampton]

Hi there,

I’m having trouble creating a jump anchor link within your theme. My link isn’t working, just wondering if there is a conflict here ?

I’m trying to use:

<h2 id=”Lorem_Ipsum”>Lorem Ipsum</h2>
<a href="#Lorem_Ipsum">top</a>

Are you able to let me know if there is a different method that I should be using for a jump link here?

Cheers,

[SeaTheme]

Hi there,

Welcome to SeaTheme forum.

Please try to remove the HTML of page loader:

<div class="page-loading fullscreen-wrap visible">
            <div class="page-loading-inn">
                <div class="page-loading-transform">
                    <div class="site-loading-logo"><img src="img/demo/logo-loading.png" alt="Air Theme" /></div>
                </div>
            </div>
        </div>

If it doesn’t work still, please leave the issued page URL, we need to check it. Thanks!

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[SeaTheme]

Hi,

The anchor link <a href="#Lorem_Ipsum">top</a> should not be placed into a grid item, it will conflict with the default link area of the grid item.
It works if the link area is removed:
<a href="project-item-2cols-gallery-right-filled.html" title="Bloc Brands" class="grid-item-mask-link grid-item-open-url"></a>
But the link hot area will be lost, only can link by heading text, it would cause other unknown issues

It will work out of wrap container-masonry also.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[mhampton]

I’ve just replaced <a href="project-item-2cols-gallery-right-filled.html" title="Bloc Brands" class="grid-item-mask-link grid-item-open-url"></a> with <a href="#Lorem_Ipsum">top</a>. but the link still isn’t functioning ?

[SeaTheme]

We don’t suggest that the anchor link <a href="#Lorem_Ipsum">top</a> is placed into a grid item. If you have to do it, the grid-item-mask-link tag must BE REMOVED:
<a href="project-item-2cols-gallery-right-filled.html" title="Bloc Brands" class="grid-item-mask-link grid-item-open-url"></a>
Or the anchor will not work.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[mhampton]

Thanks! It’s working now.

How would I adjust this to scroll to the anchor instead of jump ?

I have this function but not sure how to use this with your theme ?

function scrollTo(hash) {
    location.hash = "#" + hash;
}

[SeaTheme]

Please add the CSS codes, it will scroll:

html {
    scroll-behavior: smooth;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Author]

Posts