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.

this template so awesome , please update an how to make global.css smaller 980kb so large

Hi,

Thanks for your feedback.

Whilst we do know that Ark includes multiple JavaScript 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 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. 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. Moreover, use minified versions of CSS and JS files to improve page loading.

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

Hi, contact form is not working, not send http://checktrip.com.br/testckt/page_contacts.html What do I need to do? Thanks

I changed PHP to my. and did not receive your email.

Answer: “Heads up! Your message has not sent.”

You can send me the “comment-form.php”? daniel@checktrip.com.br

I think what I have is incomplete.

Hi,

I sent an email with an explanation and a contact form in it. Please refer to the e-mail.

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

Kindest Regards, Prothemes

Hi Nice template GLWS

If you like Joomla or Drupal version please contact me via contact.bluetheme@gmail.com

Thanks!

Hi, I just purchased the Ark theme and I’m trying to install it but it’s not working. When I try to install through Wordpress by uploading it, it just doesn’t work. When I upload it using FTP then try to preview it I get this error: Fatal error: Call to undefined function wp_script_add_data() in /home/levels/linnbekyan.com/wp-content/themes/ark/functions.php on line 218 I’m uploading the “ark-UPLOAD-THIS.zip” file.

Please help.

Thank you. Marianna

Hi,

Please note this is HTML version of Ark Template. For WordPress version, please see https://themeforest.net/item/the-ark/19016121?s_rank=1

Sincerely, Prothemes

Hi, thanks for your reply. I definitely purchased the Wordpress version and it’s not working. It’s giving me that “Fatal error”. Would you still be able to help? I can see that this is the HTML thread, but that’s where ThemeForest took me when I pressed the support button.

Thank you.

Marianna

Hi Marianna,

Please contact WordPress authors of Ark Template. We HTML authors do not offer support for WordPress version.

Kindest Regards, Prothemes

I bought this by a mistake, i need the WP Theme. I have also payed for WP Theme so please refund the payment for the HTML Template

Hi,

When a refund does not need to be given

If your item is materially similar to the description and preview and works the way it should, there is generally no obligation to provide a refund in situations like the following:

they don’t want it after they’ve downloaded it; the item did not meet the their expectations; they simply change their mind; they bought an item by mistake; they do not have sufficient expertise to use the item; they ask for goodwill; they can no longer access the item because it has been removed (we advise buyers to download items as soon as they buy them to avoid this situation).

For more information see http://themeforest.net/page/author_refund_policy

Sincerely, Prothemes

Hi there,

Bought your theme. Love it. It’s very cleanly coded and just looks great. I have two questions:

1. I am planning to use footer version 8. I’m using this because of the instagram feed in it. I was wondering if it’s possible to make this footer section have a dark background like footer version 1. If so, can you please walk me through it?

2. Can the instagram widget be placed in the sidebar navigation the blog pages? If so, can you please walk me through it OR consider adding this feature in a future release.

Thanks, Yung

Hi,

Thanks for your feedback.

You can use Style Switcher to see dark version of Footer v8 in real action. Moreover, you can use the code from dark.css file in the following path, “HTML/assets/css/theme/dark.css”.

Instagram widget is the most flexible plugin that you can nearly use it in every section, including sidebar navigation. For more info, please refer to the plugin’s original documentation. You can find documentation in your download folder.

Sincerely, Prothemes

Hi, I’m wondering how to make the “comment-form.js” working. What is a code (html or java) for sending comments to my e-mail address? Thank you.

Hi,

To recieve message from comment form, please include your email address at

HTML/include/php/comment-form.php
in the line of 35. Beow, see the given example,
$to      = 'example@gmail.com';

Hope this clears up your confusion. However, if you need any further assistance, please let us know.

Thanks, Prothemes

Well done! I had the previous version 3.3 without the ‘comment-form.php’ file. The problem have been solved with a download of the new version 3.3.1. Appreciate your great support a enthusiasm.

Hi,

You are most welcome. Glad that you sort it out.

Thanks, Prothemes

Hi,

as there are a lot of files in the download pack, I would like to eliminate the files (JS, CSS, etc..) which are not required by specific pre-builded website layouts. Could you provide some info which files are required by specific layout.

Example: Working on: Layout Business 4 ->Pages Services Classic ->Blog Classic Right Sidebar ->Single Post Standard

Could you also please provide some tutorials on how to get contact form working with mailchimp or any other equal service.

Thank you for your help, nyc

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 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. 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. Moreover, use minified versions of CSS and JS files to improve page loading.

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

Hi, can you help me i have a bug in my website using ark themes in mobile views but i don’t where is the error.

if you check my website https://jasaallsosmed.co.id (using mobile device) then scroll down, it automatically going down and up, again and again.

Please e-mail me on ivanalthirafi@gmail.com i need more information about this error

Hi,

Please, try to remove JavaScript code you have used out of Ark Template. For example, in the head of HTML file, there is two scripts that do not belong to Ark.

Thanks, Prothemes

Whats scripts you mean? can you give me more detail? it’s a livechat script

For instance,

Script One. Line 10
<!--Awet Livechat, analitic mbek testimoni-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5630dba0ca044f7e2fde009d/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
Script Two. Line 34
<script>!function(){ var e=document.createElement("script");e.type="text/javascript",e.async=!0;var t=location.protocol+"//widgets.kudobuzz.com/js/widgetLoader.js";e.src=t;document.getElementsByTagName("head")[0].appendChild(e);window.Kudos={Widget:function(e){this.uid=e.uid}},Kudos.Widget({uid:"94a4y2x2z223v284t284o23323b4z2z22403x264x2"})}()</script>
<!--Bar Livechat, analitic mbek testimoni-->

Hi,

I was wondering if the search engine in your theme works or do i have to customize it?

Thx, nyc

Hi,

Thanks for your feedback. Please note that Ark is a raw HTML theme and the actual server side implementation, including backend part is not in the theme’s scope.

Thanks, Prothemes

Okay..thx for answer..

Hi,

When activating the Ark Theme Core Plugin, I always end up with the “white page of death”. Only after deactivating this plugin I can access the admin board again. Do you know any solutions for this?

Hi,

Can you please provide your code or give us a test link to your page? Thus we could provide more effective support.

Thanks, Prothemes

I try to implement the shortcode modals into the dropdown menu, but the backdrop covers my modals. How is it possible to hide Bootstrap’s .dropdown-backdrop element for a certain dropdown?

Hi,

You can overwrite by giving position relative to backdrop. For example,

.dropdown-backdrop {
      @include position(relative);
    }

Thanks, Prothemes

Thanks, this worked for me:

.modal-backdrop { display: none; }

Hi,

Glad to hear that.

Thanks, Prothemes

Hi! I have sent you a private message last month but I’ve got no answer… I am looking for some base layout to apply the Ark code config. I guess you have this base template already done… And those content will be so helpful to end my blog design asap. Could you send me by email please? I will build it on blogger plataform. Thank you!

Hi,

If it is regarding gulpfile, I am sure I did sent. Can you, please, give me your email. I will resend it one more time.

Thanks, Prothemes

Hello, I just checked again and I didn’t received :( Anyway, it is antesdesonhar@gmail.com. If you could send me the base layout code for blogger and the mobile version code for this plataform.. I appreciate!

Hi,

I just send an email. Please, check your inbox.

Thanks, Prothemes

Hi,

Background images like slider at the top of the page or behind “testimonials v7” do not resize when viewing the site on iphones or ipads.

I think the class for these images is “bg-position-fixed”

Works fine with android.

Please advise. Vishant Sikotra

Hi,

Apparently it’s a known bug. Fixed-backgrounds have huge repaint cost and decimate scrolling performance. You can see workarounds to this issue in these posts:

http://www.24b6.net/2012/12/17/ios-and-fixed-backgrounds https://www.google.co.uk/search?sourceid=chrome&q=background-attachment+fixed+ipad&oq=background-attachment%3A+fixed&gs_htsa=1 http://stackoverflow.com/questions/20443574/fixed-background-image-with-ios7

Thanks, Prothemes

Hello

could you provide a working php script for contact-form and the contact-form sidebar?

would be a major step into a perfect theme.

Could you provide a quick solution – I own 5 license and urgent need

Hi,

Unfortunately, we do not have a solution to this request, right now. Meanwhile, if we find a solution, we will get back to you immediately.

Thanks, Prothemes

NOT GOOD !

Hello, recently you were selling ark Theme for 5$

is there any chance, to get the theme for this price again?

Hi,

Unfortunately, this promotion has expired.

Thank you for your understanding Prothemes

Hi, my website are very slow on loading. And i think i must compress my css or remove my unused css.

Can you help me how to remove unused css?

ex: i just used breadcrumbs v5 on css, and the breadcrumbs v1,v2,v3,and v4 is not used.

Contact me on email if you have an alternate or software maybe

Thanks

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 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. 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 breadcrumbs-v1 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. Moreover, use minified versions of CSS and JS files to improve page loading.

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

I am looking to change logo size

width : 85px is very less.

.header-transparent .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

Thank you for your cooperation. It requires some custom code. I will guide you through. Here’s a tip: If you are using Sass, please navigate to the directory in the “HTML >> Assets >> Sass >> layout >> header-transparent.scss” and change the following codes:


/* This code to is change the specificity of logo */
/* Navbar Logo */
.header-transparent {
    .navbar-logo {
        @include size(100px);
        max-height: 90px;
        line-height: 60px;
    }

    .navbar-logo-img {
            @include size(115px, auto);
        }
}

/* Change this code if your desired logo code enlarged rather than default code */
/* Media Queries above 992px */
@media (min-width: $screen-md-min) {
    /* Navbar */
    .header-transparent {
            .nav-item-child {
                margin: 30px 5px;
            }
     }
}

If you are using CSS, please navigate to the directory in the “HTML >> assets >> css >> glboal.css” and change the following codes:


/* Navbar Logo */
.header-transparent .navbar-logo {
  width: 100px;
  height: 100px;
  max-height: 90px;
  line-height: 60px;
}

.header-transparent .navbar-logo .navbar-logo-img {
  width: 85px;
}

/* Media Queries above 992px */
@media (min-width: 992px) {
  .header-transparent .navbar-nav .nav-item-child {
    margin: 30px 5px;
  }
}

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

Thanks Prothemes

Hi, can you sent me tutorial how to connect to mailchimp?

Hi,

Can you, please, drop us an email, so we can help you more efficient

Thanks Prothemes

ivanalthirafi@gmail.com please give me instruction how to integrate when user submit their e-mail then listed to my mailchimp contact.

Hi,

Please, check your email.

Prothemes

Hi, congratulations for this very elegant and rich template. I have a question : I choose the CLASSIC version for my future website. In PORTFOLIO>GRID>3 COLUMNS, is it possible to display higher thumbnails ? Since I have a lot of vertical photos, I’d like to have horizontal and vertical images with the same length.

Thank you

Best regards,

Hi,

I have another question : I’m setting up the menu for my personal needs and, of course, I don’t need all the submenus contained in the HOME bar. In fact, I just need to activate index.html when I click on HOME. Of course, I deleted the codes relating to the submenus of HOME. Could you please give me a hint in order to activate index.html when I click on HOME ?

Thank you

Best regards,

Hi,

Please, change the following code

<li class="nav-item dropdown">
     <a class="nav-item-child dropdown-toggle radius-3 active" href="javascript:void(0);" data-toggle="dropdown">
        Home
    </a> 
</li>

to (remove dropdown class, data-toggle and dropdown-toggle classes)

<li class="nav-item">
     <a class="nav-item-child radius-3 active" href="index.html">
        Home
    </a> 
</li>

I hope this helped you out and I’ll definitely answer any other questions you may have. Just let us know!

Thanks
Prothemes

Hi,

Please, follow up the steps 1. Remove the following theme-portfolio-active-wrap class. Which removes background effect on hover

2. Remove code for wrapped icon on hover

<div class="theme-icons-wrap theme-portfolio-lightbox">
                                    <a class="cbp-lightbox" href="assets/img/970x647/01.jpg" data-title="Portfolio">
                                        <i class="theme-icons theme-icons-white-bg theme-icons-md radius-3 icon-focus" />
                                    </a>
                                </div>

3. Wrap image tag in

<a class="cbp-lightbox" href="path/to/image"> </></a>

The final code should look alike:


                    <div class="cbp-item idea web-design theme-portfolio-item-v2">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <a class="cbp-lightbox" href="assets/img/970x647/01.jpg" data-title="Portfolio">
                                    <img src="assets/img/970x647/01.jpg" alt="" />
                                </a>
                            </div>
                        </div>
                        <div class="theme-portfolio-title-heading">
                            <h4 class="theme-portfolio-title"><a href="portfolio_single_item.html">Ark Projects</a></h4>
                            <span class="theme-portfolio-subtitle">Lorem impsum dolor</span>
                        </div>
                    </div>

Thanks Prothemes

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