Discussion on Canvas | The Multi-Purpose HTML5 Template

Discussion on Canvas | The Multi-Purpose HTML5 Template

Cart 73,915 sales
Well Documented

SemiColonWeb supports this item

Supported

This author's response time can be up to 1 business day.

5635 comments found.

I working with the rs-demo-premium-club-flyer and Im noticing 2 issues. One – it appears the mobile menu is not working on the iPhone with this page. Im not sure about other type phones. Two – it appears that I can not add a top bar and sticky-menu with this page. Any help is appreciated.

Hello,

Apologies for the Inconveniences caused!

1. We have just checked this out and the Mobile Menus appear to be working fine for us on this Template: https://drive.google.com/file/d/1vzULhB1vBi2KBp8ufy5Cn_eaIeKNl0ZG/view?usp=sharing . Consider checking the Live Previews: https://canvastemplate.com/rs-demo-premium-club-flyer.html .

2. Also, Top-Bar and Sticky Header is definitely possible and works on our Demos, we have just checked this. Would be great if you could please visit our Support Forums to Open a Support Ticket and we will share the File with you with Top-Bar and Sticky Header added. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

I don’t want the logo to shrink on sticky menu when I scroll. Which line I need to edit and in which file please.

Hello,

The Logo Width is flexible and scales based on the Height of the Logo. Simply resize your Logo in Photoshop and it will change accordingly.

To set a Custom Header Height, you can consider checking this Documentation: https://docs.semicolonweb.com/docs/header/header-sizes/ .

Hope this Helps!

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

Please can you see the logo on this link https://tinyurl.com/y6vjw3bb it doesnt show the bigger logo. If you keep refreshing the page, you can see the blue colored logo in the size I want but the dark logo is shrinked. I want bigger please. Am I doing anything wrong.

Please ignore this. Think its working now.

Hi, when I use form with jqueryvalidate.org after submithandler your form can not submit anythings.

How I fix it ? Can you give me sample of form don’t using your ajax and any function of function.js ?

I’ll using with jqueryvalidation or some function is conflict?

The thing i need is pure html form and plug with jqueryvalidation.org

Live URL is https://dekdd.com

Thank you

I try already and can not submission that form also Do you have any solution?

Thanks.

Hello,

Based on the Screenshot attached on the Support Forums, this should work fine. Please provide us with a Live URL on the Support Forums with the updated codes so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience. We can continue our conversations on the Support Forums and we assure you that Our Support Team will resolve your issues.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Hello,

Fixed. The issue was due to Customizations.

Let us know if we can help you with anything else. Thanks. :)

Hi, when I use form with jqueryvalidate.org after submithandler your form can not submit anythings.

How I fix it ?

Hello,

Apologies for the Inconveniences caused!

Please provide us with a Live URL so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Can you give me sample of form don’t using your ajax and any function of function.js ?

I’ll using with jqueryvalidation or some function is conflict?

The thing i need is pure html form and plug with jqueryvalidation.org

Thank you

Hello,

Consider sending from here: https://themeforest.net/user/semicolonweb#from .

Thanks. :)

I bought this theme maybe 3 years ago. I just want to know if I still have access to the download all the demos here from Themeforest.

Thanks.

Hello,

Yes, absolutely. You can download Canvas and all its Future Updates for lifetime. You can access your downloads here: https://themeforest.net/downloads .

Hope this Helps!

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

Hello, Just launched a new site with canvas 7. the Site is Not very big, but the loading Time is very long. any idea? I own several licences. Thanks —

Hello,

This is not related to the Template Files in any way. For this, we highly recommend using CDN and gZip your Content to avoid loading the assets in an uncompressed format. These optimizations should definitely help in minimizing the load times.

Hope this Helps!

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

It is related to the theme Version. Because i have another homepage, using an older Version, with no loading issues. Yes, i am using gzip in the htaccess. Do you have a substantially Tipp for me? Can I , i.e. migrate to an older version?

Hello,

We assure you that if we find any issues, we would fix it asap, because we don’t want you to face any loading issues. We have also provide you with the Link to Google Page Speed results which are Live and we do not see any issues except some Large Images. Would be great if you can let us know which Older Version you were using which was working perfectly fine for you so that we can check and implement a fix in the Latest Versions.

Additionally, can you check out Live Demos: https://canvastemplate.com/ and let us know if you are facing the same loading issue? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Canvas 7.0.5 has broken the parallax effect in demo-crowdfunding.html (main slide). Any workaround?

Hello,

Thanks for the Update. Try this code for the Slider Section:
<!-- Slider
============================================= -->
<section id="slider" class="slider-element min-vh-100 include-header" style="background: url('demos/crowdfunding/images/hero.svg') no-repeat center bottom / cover;">
    <div class="slider-inner">

        <div class="vertical-middle">
            <div class="container py-5">
                <div class="row">
                    <div class="col-lg-6 col-md-8">
                        <div class="slider-title">
                            <h1 class="fw-semibold">Best Crowd-Funding Website for your Startup.</h1>
                            <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A earum quod facilis praesentium quaerat fuga voluptatum aliquam vitae, voluptate asperiores!</p>
                        </div>
                        <a href="#modal-register" data-lightbox="inline" class="button button-large fw-semibold button-rounded ls-0 text-transform-none ms-0">Start A Campaign</a>
                        <a href="#modal-register" data-lightbox="inline" class="button button-large fw-semibold button-border button-rounded ls-0 text-transform-none">Sign In</a><br>
                        <a href="#">How It Works <i class="bi-caret-right-fill position-relative" style="top: 2px"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <img src="demos/crowdfunding/images/hero-img.svg" alt="Parallax Image" class="slider-img parallax" data-start="margin-top: 0px;" data-400="margin-top: 50px;">

    </div>
</section><!-- #Slider End -->
and then add this code at he bottom of the Page after the js/functions.js File Linking:
<!-- Parallax Script
    ============================================= -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
    <script>!SEMICOLON.Mobile.any() && skrollr.init({forceHeight: false});</script>

This should definitely work fine. Hope this Helps!

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

Thank You very much!

Very Happy to Help! :)

Hi, there’s an issue in the latest release (7.0.6): loaders (page-transition class on body) stay on the page. It can be seen with any demo having those (barber, portfolio, ...).

Hello,

Thanks so much for reporting this and Apologies for the Inconveniences caused!

We have fixed this right away and an update will be released shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Fixed and Update released.

Hi, I started to use the version 7 but I realized that every js file is compressed now. Before this light compress was better to debug and search for features / parameters. Also, I cannot find any documentation on the parallax parameters. Is there any uncompressed version is available?

Hello,

We are currently using SimpleParallax for the Parallax Functionality: https://simpleparallax.com/#settings . The Settings used currently are: data-parallax-speed (in seconds), data-parallax-scale (above 1.0), data-parallax-overflow (true|fase), data-parallax-max-transition (percentage between 1 and 99), data-mobile (true|fase), data-direction (Check the orientation setting in the SimpleParallax documentation).

Unfortunately, some Authors have been consistently copying our codes without authorization and then using in their templates/themes and Envato/ThemeForest takes no action against them even after pointing them to the exact codes copied. So, unfortunately we have to minify them. We are happy to share them with you, simply email us from here: https://themeforest.net/user/semicolonweb#from .

Thanks for your Understanding.

Do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Hello,

We have included the Non-Minified Files by default in the Latest Update.

Hope this Helps!

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

Owning multiple copies of Canvas, I was just looking into v7 to see if it also supports older browsers. Unfortunately, I was not able to use the mobile menu on an older iPad 4 with Safari. The menu item appears but does not react. Some other menu systems in other templates work nicely however. Is there a required minimum version for each browser from which onwards Canvas 7 will work? Thanks for the great work!

Hello,

Thanks so much for considering Purchasing additional Licenses.

This is Definitely Possible and just 2 Line of Codes are required to make the changes. Here is an example:
#header {
    --cnvs-primary-menu-font-size: 18px;
    --cnvs-primary-menu-submenu-font-size: 16px;
}

That’s it. Hope this Helps!

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

Oh, that´s awesome, thanks a million! Kind Regards

Very Happy to Help! :)

Let us know if we can help you with anything else. :)

Hello! I found this Theme because of the offer they have! and it looks great! Regarding the demo-theme Travel I have these questions before buying:

1) How the Home search engine is configured: Hotels, Flights, etc. 2) How are the payment options added to each offer of: tourist packages/flights? 3) Can the theme be set to self-manageable? that is, that each hotel owner, airline, travel agency, can register and publish their offers? 4) Could each layout/demo modify the code to others Themes? html/css/bootstrap if needed? add other functions, customize it, integrate other technologies? what restrictions do you have?

Hello,

Yes. You can find more details here: https://themeforest.net/licenses/standard .

Let us know if we can help you further. Thanks :)

ok, thank you!

Very happy to help! :)

Hi Team, How can make load more items button lazy loading content in page?

Hello,

You can consider using the AJAX Button featured we have introduced in Canvas: https://canvastemplate.com/ajax-button.html , which you can use to Load Additional Content on the Page.

Hope this Helps!

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

hi bug find find : this -> das not work on mobile if we have this -> <header id=”header” class=”transparent-header sticky-header sticky-header-shrink” data-mobile-sticky=”true”> regards.

Hello,

Glad your issues were resolved. :)

Let us know if we can help you with anything else! Thanks :)

no misunderstood, i was tell in you thas in my code it was as you said. i style have this bug i will try to give Screenshot so that you can see the pprobleme.

Ohh Apologies, I thought you meant that the issue was resolved.

Yes, please do provide us with the Screenshot and we will definitely check this further. As this Comments Section is meant only for Pre-Sale Questions and not Support related queries, we request you please visit our Support Forums to Open a Support Ticket for any further assistance.

Hope this Helps!

Let us know if we can help you with anything else. Thanks. :)

Hi there, I added one of the Canvas buttons (a.button.button-3d) to the Swiper slider inside the caption area (div.slider-caption) and it takes the whole width of the caption area. Is there any helper of specific class is there to fix this on all different types of caption layouts (center, left, right)?

Hello,

Simply adding the the Button inside a Wrapper like a <div> or a <span> Tag will fix this issue. Example:
<div class="swiper-slide dark">
    <div class="container">
        <div class="slider-caption slider-caption-center">
            <h2 data-animate="fadeInUp">Welcome to Canvas</h2>
            <p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on your own Canvas.</p>
            <div class="mt-4" data-animate="fadeInUp" data-delay="400">
                <a href="#" class="button button-3d button-rounded button-red button-large">White</a>
            </div>
        </div>
    </div>
    <div class="swiper-slide-bg" style="background-image: url('images/slider/swiper/1.jpg');"></div>
</div>

Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

Hello Presell question I have AI platform for ai writing technology and i setup now and want change pages like home page and and anather pages,, https://app.cadsmart.net

Can i use this product for my platform pages,, And how i will use it,, i don’t no Programming language

Hello,

You can find the Documentation here: https://docs.semicolonweb.com . As we have mentioned earlier, you will need basic HTML/CSS knowledge to edit the templates.

Hope this help.

Let us know if we can help you with anything else. Thanks :)

Hello

I now some basic html/css,, but i want just copy and paste header and footer and body i like it from another template to create my own homes pages,,

Can i do it?? And can you help me to do it??

Thanks alot

Hello,

Yes, you can definitely do this. You can copy/paste and modify any of the Classic Template and Blocks Template into each other and mix and match them according to your needs. For the Niche Demos, you will need to further copy the relevant CSS/JS Codes based on the Sections you need to use in other templates.

We are always here to help regarding any Technical Issues you face with Canvas and help with the Features included with the Package. However, currently Customization related Support are not within the scope of Included Support. You can find more details here about the Support Policy here: https://support.semicolonweb.com/support-policy/ .

Hope this Helps!

Let us know if we can help you with anything else. Thanks. :)

rs-demo-premium-typewriter bug on iPhone landscape

The following demo shows a white space bveween the menu and page on iPhone landscape: https://canvastemplate.com/rs-demo-premium-typewriter.html

Hello,

Thanks for your Patience!

We have checked this out and it appears to be working perfectly fine for us on iPhone Landscape on both Safari: https://drive.google.com/file/d/1vxBJaIG4en9COskpq3SSHlR_NNDfAlfT/view?usp=sharing and Chrome: https://drive.google.com/file/d/1vxPyyrnKMkSKL_Ml2Nkzul0oet1f8Tnb/view?usp=sharing . Please visit our Support Forums to Open a Support Ticket with Screenshots of the issue for any further assistance. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Thanks for looking into it, this is what I see on an iPhone 14 Pro Max on iOS 16.3.1

https://drive.google.com/file/d/1ZPKzC--r1o6OuXiUvlLdVevq3paY1Mot/view?usp=share_link

Thanks!

Vince

Hello,

Thanks for the Update. We will check this and run more tests. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Hello, your theme support .SVG format? I have a vector´s logotype for my proyect. Thanks

Hello,

Absolutely! You can simply use:
<img class="logo-default" src="images/your-logo.svg" alt="Canvas Logo">

This will definitely work fine. Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

I’m using the grid-filter you have in the portfolio pages, but for some reason, the “show all” with activeFilter doesn’t show anything when it initially loads. I need to click on one of the filter links or the show all link to show the contents.

I am loading the contents dynamically from my database with PHP, so maybe the filterclass is getting added or removed before it can load the content? Do you have any ideas about what might be causing this?

Hello,

To reinit this Functionality, you will need to use SEMICOLON.widget.filterInit(); Function call. For any further support, please visit our Support Forums to Open a Support Ticket.

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

Thank you, unfortunatly that didnt work, but this did. I had to attached it to the tab button click event to get it to work for me.

$(function() { $(’#resources_tab’).click(function(){ SEMICOLON.widget.gridInit(); }); });

Hello,

Glad the issue was resolved. Since you had mentioned that you would like to reInit the Grid Filter, we had provided you with the relevant codes. For any further support related queries, please visit our Support Forums to Open a Support Ticket.

Thanks for Understanding.

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

hi i think i find bug with – <section id=”slider” class=”slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100 include-header”> <- here if we have switch dark mode it das not do proprely thing with the header logo dont switch, menu also.

regards.

Hello,

Thanks for reporting. We are not very aware about this issue and can’t replicate this. Please visit our Support Forums to Open a Support Ticket and provide us with a Live URL so that we can check this issue out. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

Thank. i have remanie this probleme adding js code.

Hello,

Sure please provide us with a Live URL and we will promptly fix this for you if there is an issue.

Hope this Helps!

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

Hi do it bug on the GDPR préférence, if i switch to dark mode : we cant see or read options ? thank.

Hello,

You can simply change the .bg-white Utility class to .bg-contrast-0 and this will be resolved.

Hope this Helps!

Please visit our Support Forums to Open a Support Ticket for any further assistance.

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey