Canvas Support

Menu item on conference

7 replies·opened Sep 20, 2019
S
supermanageSep 20, 2019

Hello I have installed the conference demo, I am using it multiple pages as well as one page.

If do:

<ul class="not-dark align-self-center one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="160">
	<li><a href="#" data-href="#section-about"><div>About</div></a></li>
	<li><a href="#" data-href="#section-reserve"><div>Reservations</div></a></li>
	<li><a href="#" data-href="#section-whatson"><div>What's on</div></a></li>
	<li><a href="#" data-href="#section-sponsors"><div>Menu</div></a></li>
	<li><a href="contact.html">Contact</a></li>
</ul>

The link doesn't take me to the contact.html page. How can that be fixed?

Also How do I link to sections from another page e.g. index.html#section-reserve

Cheers

S
SemiColonWebSTAFFSep 22, 2019

Hello,

We have just checked this out and it appears to be working perfectly fine for us. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

For the linking of sections from other pages, consider adding the following JS Code at the bottom of the Page:

<script>
    jQuery(document).ready( function(){
        setTimeout(function() {
            if (location.hash) {
                window.scrollTo(0, 0);
            }
        }, 1);
    });

    jQuery(window).on('load', function(){
        var divScrollToAnchor = window.location.hash;

        if( typeof divScrollToAnchor !== 'undefined' ) {
            var t = setTimeout( function(){
                jQuery('html,body').stop(true).animate({
                    'scrollTop': jQuery( divScrollToAnchor ).offset().top - 100
                }, 700, 'easeOutQuad');
            }, 1000);
        }
    });
</script>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

S
supermanageOct 4, 2019

And the hamburger menu is invisible in mobile version.

S
SemiColonWebSTAFFOct 5, 2019

Hello,

  1. This issue with the Contact Link not working is due to the css/animate.css CSS File Linking missing from your Page. Adding the .no-transition Class to <body> Tag will fix this.

  2. Hamburger Menu appears to be working fine for us. Please provide us with a Screenshot and the Device/OS Details.

Additionally, we have noticed that you are using Canvas on multiple domains/projects while you have only 1 License for Canvas. We would like to let you know that multi-use of Canvas is not allowed and for every Individual Website, you will need to purchase an Additional License: https://themeforest.net/licenses/standard .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

S
supermanageOct 6, 2019

Cheers for that, apologies for the confusion regarding multiple uses. I haven't actually published any sites they are just hosted here and there as I am trying to find the best fit. Thanks for your excellent support.

S
supermanageOct 6, 2019

I have installed the cafe demo but have problems using the data-href="#section-contact" or data-scrollto="section-contact"
Two questions:

  1. how can I make this button scroll to the section:
    <a href="#section-contact" class="button button-border button-rounded button-large button-light" data-scrollto="section-contact">Book a table!</a>

  2. how can I add the data-scrollto="*" on the actual menu and cause it to scroll as described in your docs, right now I get:

TypeError: $(...).offset(...) is undefined on line 3136 functions.js anytime the menu or the button is clicked. I have tried changing the $ to jQuery on functions file but still the same error.

You can see the live site on the same URL as before
http://webdm.co.uk/ast/

S
supermanageOct 6, 2019

Ignore that there was a syntax error and have now fixed it cheers.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard