Discussion on Ark - Responsive Multi-Purpose HTML5 Template

Discussion on Ark - Responsive Multi-Purpose HTML5 Template

Cart 707 sales
Well Documented

ProThemes_Net supports this item

Supported

143 comments found.

HI,

I assume you have some kind of build system that you use to create this theme. Can you please just publish this instead of having us generate our own custom build system?

I’m perfectly well versed in gulp, webpack, etc, but it seems silly for me to waste the effort on producing something I assume you already have.

TIA.

Hi,

lease, drop us an email, so we can share the files.

Thanks Prothemes

Hi,

It appears the contact page doesn’t work on Safari for iPhone (not tested on iPad). I think there’s a problem with the map.

http://prothemes.net/ark/HTML/page_contacts.html

Could you please fix this issue ?

Kind regards, Guillaume

Hi,

Sorry for the late reply. It took us a while to find an iPhone phone to test it out. It is working pretty much fine. Please, describe the problem.clearly. Explain what you are seeing, include error message and link to screenshot if needed. Linking to.your site, if the problem is on.the front-end, also helps. Thus, would help us a lot.

Thanks Prothemes

My bad. I’ve just restarted my iPhone and everything works just fine. Sorry for the trouble and thanks for the prompt answer !

Hi,

It is fine. Good luck with your projetc. Let us know, if you still need assistance.

Best Prothemes

Is there a CSS class for bold table headings?

e.g. .table thead tr th with a font-weight of over 300 or bold sytle?

If not, could one be added?

Hi,

Yes, you can add this easily on components/_table.scss or find the style of table you want to use and change it in the global.css.

Thanks Prothemes

Hello, I`m using the header like from the features_header.html file, is it possible to remove the kind of shine? And is there the possibility to remove the loading circle which appears when loading the site for the first time?

Thank You

Hi,

1. Do you mean Header Box Shadow? If yes, you can remove it easily. Please, find the following code and delete it.
.header-shrink {
        &.header {
            @include cubic-transition($delay: 0, $duration: 400ms, $property: (all));

            &:before,
            &:after {
                @include position(absolute, $top: 50%, $left: 10px, $right: 10px, $bottom: 0);
                z-index: -1;
                box-shadow: 0 0 15px lighten($color-dark-light, 67%);
                border-radius: 1000px / 30px;
                content: " ";
            }

            &:after {
                left: auto;
                right: 10px;
            }
       }
}

2. Please, remove the “animsition” class in the body tag and following scripts, as well,


<script type="text/javascript" src="assets/plugins/jquery.animsition.min.js"></script>

<script type="text/javascript" src="assets/scripts/components/animsition.js"></script>

I hope that helps to clear up any confusion, but if you have any other questions. Please let me know.

Best Prothemes

Yes, it`s al right now, thank you very much.

Hey

It’s good to hear that.

Feel free to reach out if I can help with anything else!

Prothemes

Please provide working Email Script. Php…..

Hi,

Thank you for your feedback.

We’ll roll out the next update within two days which includes MailChimp and PHP Comment form.

Please, stay tuned and give us a follow on https://twitter.com/Prothemes_net

Sincerely Prothemes

Hi,

Thanks for your feedback.

Whilst we do know that Ark includes multiple js and css files, it’s because Ark is a very robust HTML template and our demo website is to showcase all possible options, variations and our component flexibility.

I’d ask you to remove the all unnecessary and unused js and css files to increase the speed of the loading website.

Ideally, we would not include so many files since a website isn’t required to showcase so many design options within 1 page.

We hope our explanation helps with your feedback.

If at any time we can help you with anything, please reach out, we’d love to get to know you better.

Sincerely, Prothemes

Thank you so much for your quick response. Much Appreciated.

why theme so slow? how can make it fast?

Hi,

Thanks for your feedback. Sorry for the late reply.

Whilst we do know that Ark includes multiple js and css files, it’s because Ark is a very robust HTML template and our demo website is to showcase all possible options, variations and our component flexibility.

I’d ask you to remove the all unnecessary and unused js and css files to increase the speed of the loading website.

Ideally, we would not include so many files since a website isn’t required to showcase so many design options within 1 page.

We hope our explanation helps with your feedback.

If at any time we can help you with anything, please reach out, we’d love to get to know you better.

Sincerely, Prothemes

Hello,

First I want to excuse I`m not as experienced as the customer`s comments appear to be. I`m using the index_landing_1.html and struggling with the navbar, so I don`t need no submenu, but only the main items to be a hyperlink. Things like these don`t seem to work: <!- Home ->

  • Home As a result there are still arrows in the responsive dropdown menu.
  • <!- End Home ->

    I would be very grateful for an answer, thank you.

    Hi,

    Please, remove a “dropdown-toggle” class and “data-toggle=”dropdown”“

    Kindest Prothemes

    Thank You very much!

    You’re most welcome ;)

    I post it accidentaly, this one

    It’s ok ;)

    I bought Ark. I want to add language part like in business-1. However, there are not any nav-language-list-item in css in 2.8 ark files. Can you help with that. Thanks

    Hi,

    Thank you for being a customer of Ark Template.

    I’m sorry if I misunderstood you. What language bar are you trying to add? Because there is no language bar in Business 1 page.

    Thanks Prothemes

    http://prothemes.net/ark/HTML/one-page-business/index_business_1.html#home

    There is a language option at the top of the page.

    Furthermore, I would like to use auto-hiding-navbar function like in previous page, but its not working even I add that.

    Last question, vimeo popups working without problem, but youtube videos not working.

    Sorry, I’m not a professional in HTML5.

    1. Unfortunately, the language bar is available only with this header in One Page Demo. We will add these options to other headers, as well as, in the next update, which is coming next week.

    2. Auto Hide Navbar is working fine in the demo. Did you add the auto-hiding-navbar class and the link the scripts
    <header class="op-b-header auto-hiding-navbar">
        ....
    </header>
    
       ....
    
    <script type="text/javascript" src="../assets/scripts/components/auto-hiding-navbar.js"></script>
    

    3. YouTube video works, as well as a live demo. :) You can check out this page for YouTube and Vimeo vesrsions of Magnific Popup http://prothemes.net/ark/HTML/shortcodes_image_gallery.html

    If you require any further assistance, please do let us know.

    Kindest Prothemes

    Hello,

    it takes very long, to load the main images on the index pages. even local files on pc. file size of pictures between 120-300 kb

    any ideas?

    Hi,

    Have you tried to compress the images with https://compressor.io/ ?

    Prothemes

    Any other good ideas instead of compressing images ? Any improvements planed in a next Update? Am I The only one, who complaints about this issue

    Hi,

    Scripts and CSS files can cause slow page loading process. Have you removed the scrips and the css files you are not using?

    Whilst we do know that Ark includes multiple js and css files, it’s because Ark is a very robust HTML template and our demo website is to showcase all possible options, variations and our component flexibility.

    Ideally, we would not include so many files since a website isn’t required to showcase so many design options within 1 page.

    We hope our explanation helps with your feedback. Linking to your site, if the problem is on the front-end, also helps.

    Ark v3 is coming next week, which will cover shop demo, new features and site improvements. Stay tuned and give us a follow on https://twitter.com/Prothemes_net

    If at any time we can help you with anything, please reach out.

    Prothemes

    Dear Pro Themes team,

    thanks a lot for the great template you made.

    I would like to ask how i can change the the header pormo block of business 2 template from picture to gradient color.

    Please note : i don’t have experience on HTML and CSS, please guide me what to change and where on the code and i will handle the color selection as i’m looking to place this color code on the header

    -webkit-radial-gradient(0% bottom, ellipse, rgba(118,72,160,0.7) 0%, rgba(118,72,160,0) 60%),-webkit-radial-gradient(90% bottom, ellipse, #523f8c 0%, rgba(82,63,140,0) 40%)

    also is it possible to add right side picture on the header it self.

    Thanks alot.

    Hi,

    Thanks for the feedback and sorry for the late reply.

    You can change it on line 23915 of globla.css. You simply need to replace background image code to gradient code you want to apply.

    Please, change the following,

    background: url(../img/1920x1080/34.jpg) no-repeat;
      background-size: cover;
      background-position: center top;
    }
    

    to

    .promo-block-v8 {
      background-color: rgba(118, 72, 160, 0.7);
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 72, 160, 0.7)), to(rgba(118, 72, 160, 0)));
      background-image: -webkit-linear-gradient(top, rgba(118, 72, 160, 0.7), rgba(118, 72, 160, 0));
      background-image: -moz-linear-gradient(top, rgba(118, 72, 160, 0.7), rgba(118, 72, 160, 0));
      background-image: -ms-linear-gradient(top, rgba(118, 72, 160, 0.7), rgba(118, 72, 160, 0));
      background-image: -o-linear-gradient(top, rgba(118, 72, 160, 0.7), rgba(118, 72, 160, 0));
      background-image: linear-gradient(top, rgba(118, 72, 160, 0.7), rgba(118, 72, 160, 0));
    }
    

    I hope that helps to clear up any confusion, but if you have any other questions. Please let me know.

    Prothemes

    Hello, thanks for the template, is nice!

    I have a question: Is that posible to make landing page demos as “one page”? I mean, is it posible to make the menu links to #anchors and change to active class on scroll? How can I do it?

    thank you

    Hi,

    Yes, Absolutely possible. Please, follow the steps:

    1. Add the section tags in the “href”s header

    <header class="header-transparent navbar-fixed-top header-sticky">
         <a class="nav-item-child" href="#services">Services</a>
    </header>
    
    2. Add section ids to the parent tags,
    <section id="services">
         .....
    </section>
    

    and please, do not forget to change

    data-target=".nav-collapse"
    to
    data-target=".navbar-collapse"
    on the menu-container.

    3. Add the following JS code,
    // jQuery to collapse the navbar on scroll
            if ($('.navbar').offset().top > 150) {
                $('.navbar-fixed-top').addClass('top-nav-collapse');
            }
            $(window).scroll(function() {
                if ($('.navbar').offset().top > 150) {
                    $('.navbar-fixed-top').addClass('top-nav-collapse');
                } else {
                    $('.navbar-fixed-top').removeClass('top-nav-collapse');
                }
            });
    
            var $offset = 0;
            $offset = $(".navbar-fixed-top").height()-20;
    
            // jQuery for page scrolling feature - requires jQuery Easing plugin
            $('.nav-item a').on('click', function(event) {
                var $position = $($(this).attr('href')).offset().top;
                $('html, body').stop().animate({
                    scrollTop: $position - $offset
                }, 600);
                event.preventDefault();
            });
    
            var $scrollspy = $('body').scrollspy({target: '.navbar-fixed-top', offset: $offset+2});
    
            // Collapse Navbar When It's Clickicked
            $(window).scroll(function() {
                $('.navbar-collapse.in').collapse('hide');
                $('.header-transparent .toggle-icon').removeClass('is-clicked');
            });
    

    Please let us know if you run into any issues with this process.

    Prothemes

    Hello, i love this template and hope you will continu to add some tips, this is an awesome one. I face a problem with email form in bottom page. I don’t know where can i set up my destination mail. Does it work by default or do i need to add a php configuration for mail form? Waiting for your answer, anyway nice job.

    Hello and thanks for getting in touch

    Thanks for your feedback. Please note that Ark is a raw HTML theme and the actual server side implementation is not in the theme’s scope. But, we will add this feature in the coming next updates.

    We would also like to say a big thank you for trying our product and service. As it continues to evolve and improve we hope that you will enjoy to see how the Ark journey is unfolding and developing. If you need any further clarifications please let us know.

    Prothemes

    Hello,

    I don’t see shop pages (Categories, Single Product, Checkout and Cart) are included in the demo.

    Could you please let me know why is that so?

    I wanted to purchase this however, if this is not included, I may have to go for other option.

    Please update.

    Thanks!

    Hi,

    Update v3 with all new, full shop demo layout with 10+ home page layouts, category, single product, checkout, cart and many more pages coming to Ark this weekend. Purchase limited offer for $ 10 until the next update.

    Please, stay tuned.

    Prothemes

    I made a site with your template its tooooo slow, Please guide me aestuskasauli.com please also tell how to update from old version to new

    Hi,

    Thanks for feedback.

    1. I) I have detected some scripts in the pages that are not used but still included. For example, Home Page: Masonry, Cubeportfolio, Counter About Page: Cubeportfolio, Counter Packages Page: Cubeportfolio, Counter

    II) At the same time, you still have a bunch of lines of code in global.css file, which slows down the load process.

    2. Please, note, gulp is a big automating tasks system not easy to explain what it is that in a nutshell. You can read the official website for more info. Also, these tutorials might be helpful in your case. http://gulpjs.com/ https://www.npmjs.com/package/gulp-install https://www.npmjs.com/package/gulp-sass https://travismaynard.com/writing/getting-started-with-gulp https://css-tricks.com/gulp-for-beginners/ https://www.smashingmagazine.com/2014/06/building-with-gulp/ https://css-tricks.com/gulp-for-beginners/

    3. Yes, you absolutely can. 1920×1080 image resolution have been used for large screens in terms of efficiency and responsiveness.

    Please let us know if you run into any issues with this process.

    Prothemes

    WOW what a prompt reply .. That’s called super support.. Thanks

    How one can find what files are not needed on page also it take nearly 1 min to load global css. what items i can remove. see screenshot

    http://websung.com/1min.jpg

    Hi,

    Thank you getting back to us.

    1. You have used elements such as, header-transparent, heading-v1, work-v1, siderbar, services-v7 and etc.

    <!-- Heading v1 -->
            <div class="heading-v1 ..">
                ...
            </div>
     <!-- End Heading v1 -->
    

    or …

    <!--========== HEADER TRANSPARENT ==========-->
            <header class="header-transparent
                ...
            </header>
    <!--========== END HEADER TRANSPARENT ==========-->
    

    I’d suggest to create your website from the scratch. Remove global.css from HTML files and open a new css file, where you can include the only important and used css files. Go to global.css and find header-transparent, heading-v1 and etc. all the blogs, elements you want use, copy/paste the styles to your custom.css page. This way you can build blog by blog, element by element.

    2. Your site lacks its favicon. A favicon (short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon or bookmark icon, is a file containing one or more small icons, associated with a particular website or web page. It’s true, favicons are very little things, probably the least important bit of a site, but it’s attention to detail that makes a site stand out; and even if it sounds crazy, favicons are very important from a branding point-of-view. You can create one in the following site http://www.favicongenerator.com/

    Best Prothemes

    hi I have requested to change colors of the sass file and I want the needed gulp.js file to directly convert and place the css files in place. could you please give the exact gulp.js file. your prompt action is really appricated

    You only need to remove _ from the scss file you want to seperate. This will separate the file in to its own css path you have included.

    It is not working for me, I should change anything in the gulpfile.js, because it is not generating new theme file base.css,

    the base.css file is remained unchanged unfortunately !

    Hi, is it possible to get the gulp/grunt commands for compiling the sass files?

    I don’t know how to update css files when I change the sass files.

    Hi,

    Thanks for the reply. Please, check the plugin’s documentation, where you can find the required code to compile sass to css in the following site (https://www.npmjs.com/package/gulp-sass).

    Thanks Prothemes

    is that exactly makes the css files in their correct place, how about rtl themes? please help me

    Hi,

    Thank you getting back to us. Yes, it will compile Sass to exact path you indicate. There are many step by step, tutorial, how to use a gulp, gulp-sass, a gulp-RTL. Please find the link below to check it out.

    https://www.smashingmagazine.com/2014/06/building-with-gulp/ https://css-tricks.com/gulp-for-beginners/

    I hope that helps to clear up any confusion, but if you still have questions. Please, drop us an email to help you more efficiently.

    Prothemes

    Hello, When I change the login page(page-login.html), I face with a problem which is;

    I add onclick attribute to login button to call javascript function which will communicate with server, however after submission, it puts the parameters in url(as it is a GET request), however it is a POST request of course. If I remove form line of the login it works well, but I can not use login-form.js funtions then. Any help pls,

    Hi,

    Can you, please, drop us an email with your code sample, so, we can further assist.

    Prothemes

    Hi, thank you for your constantly updated template!

    In the item description you made a little mistake, instead of “2016 April 15th – Version 2.8” should be “2016 May 15th…”

    Good luck with sales!

    Hi,

    Thank for the note. Just corrected.

    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