Home Forums Air HTML5 Template jump anchor link not working

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #25639
    mhampton
    Participant
    Purchased
    Supported

    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,

    #25641
    SeaTheme
    Keymaster
    Purchased
    Expired

    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 – FAQsTwitterFacebook

    #25642
    SeaTheme
    Keymaster
    Purchased
    Expired

    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 – FAQsTwitterFacebook

    #25643
    mhampton
    Participant
    Purchased
    Supported

    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 ?

    #25644
    SeaTheme
    Keymaster
    Purchased
    Expired

    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 – FAQsTwitterFacebook

    #25663
    mhampton
    Participant
    Purchased
    Supported

    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;
    }
    #25668
    SeaTheme
    Keymaster
    Purchased
    Expired

    Please add the CSS codes, it will scroll:

    html {
        scroll-behavior: smooth;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!