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.htmlCould 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
Hello, the site appears way too slow. What are the things can we do to make it faster?
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fprothemes.net%2Fark%2FHTML%2Findex_corporate_1.html&tab=mobileHi,
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 ->
I would be very grateful for an answer, thank you.
Sorry, I wanted to show you this example
(li class="nav-item dropdown")
(a class="nav-item-child dropdown-toggle radius-3" href="caremir.com" data-toggle="dropdown")
Home
(/a)
(/li)
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
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 theauto-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,
Images only taking a lot of time to load, or the page itself?
Prothemes
Images…
Compare to other themes – very long….. /not the page
Could you fix thaT?
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 to data-target=".nav-collapse"
on the menu-container.data-target=".navbar-collapse"
// 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 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 checked your website and found out that you have all JS and CSS files. 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
thanks for reply sir what files should i remove also there is loader in start which work till complete page is loaded, which makes it more late for page loading, cant it be disabled and page load in steps like in other sites first text then images etc….Please suggest only if i am right.
also i see in comment members are talking about sass gulp etc, but i didnt do anything with it, isnt this a normal html template?
What other steps should i take to make site load fast as client is blaming me 
Hi,
Thank you getting back to us.
1. I’d suggest to create your website from the scratch and only using the CSS and JS files that you have used to custom CSS and JS respectively file.
2. Page Loader: To disable or remove a page loader, all you have to do is remove ”.animsition” class next to wrapper class and its scripts
<script type="text/javascript" src="assets/plugins/jquery.animsition.min.js"></script>
<script type="text/javascript" src="assets/scripts/components/animsition.js"></script>
3. I. Whta’s Gulp? “Build system automating tasks: minification and copying of all JavaScript files, static images, capable of watching files to automatically rerun the task when a file is updated.” For more info http://gulpjs.com/
II. What’s Sass? “Sass (Syntactically Awesome StyleSheets) is an extension of CSS. Sass allows you to use things like variables, nested rules, inline imports and more. It also helps to keep things organized and allows you to create stylesheets faster.” For more info http://sass-lang.com/
There is nothing wrong not to use a gulp or gulp-sass. This is a more automated system to improve its performance.
4. Use minified versions of CSS and JS files to improve page loading.
I hope that helps to clear up any confusion, but if you have any other questions. Please let me know.
Prothemes
thanks a lot sir working on ideas given by you is there a way to find out which script/jquery to use and which not?
can u plz suggest how to use this gulp and sass
also image sizes used by you are very large(1900 px) can i use small image size
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.jpgHi,
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
Hi,
Can you, please, drop us an email with your code sample, so, we can further assist.
Prothemes
I mainly want to change the colors in sass file and get the export of it to css files, both css and css-rtl
thanks in advance
Hi,
Please, check your inbox.
Thanks Prothemes
Thanks, but it does not generate the theme files
Hi,
Sorry for the late reply.
Can you, please, specify what issues are you facing, right now? Which sass files are not generating?
Thank you Prothemes
it is not generating theme files. No error is shown
Hi,
Do you want to use all theme colors? Why? It is generating fine. You need to divide them into each color’s css file, in order to make it work
Prothemes
Hi, thanks for your prompt answer. No, I want to use base and maybe blue, one for rtl-Farsi and one other for English, kindly please let me know how to separate them in gulpfile.js.
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,
Please, read the official website for more info. Also, these tutorials might be helpful in your case
https://www.npmjs.com/package/gulp-sass https://sass-guidelin.es/ https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-task-steps-per-folder.md https://css-tricks.com/gulp-for-beginners/Thank you Prothemes
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 