ace supports this item


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

1143 comments found.

Hi Ace,

I have a problem with de frontend page. The text of revolution slider, in mobile version cant read well.

Please see this pic:

This is not responsive. Any suggest? Please!

Hi there I think you emailed me the inquiry :)

Wonderful theme. I am impressed, I love it. Actually, all of us love it.

Will you add a tree structure widget in the future? If so, which one would you use (so I can start implementing it now)

Hey ace. Yup that’s it.

Yea its a good idea, lets have a widget of that :)

You are awesome.

Hi can you make a social network with this template so users can register and create different types of profiles?


Hi there You mean with the backend ?

yes with a backend

Hi there If we are to do with the backend it will be in codecanyon with different price range, and what we skill the most is the frontend :)

Hei..How can I disable hidding side scroller?

Hi there its powered by this plugin

to always enable add alwaysVisible: true

thank you!

When will the new version be released?

Hi there Deadlines are always a tough question :D but yes we can do it within the coming week :)

Yesss, do you have an ETA for the boxed version? will it be 1170? thanksss

Hi there Deadlines are always a tough question :D but yes we can do it within the coming week :)

How do I enable the checkbox selection on tables? Because I copy the HTML code on the demo page, and the rows don’t highlight when I click the checboxes.

Hi there If you open up tables.html file and at the very bottom you will find it :)
    $('table .checkbox input').click( function() {            

Can I add buttons to a basic table header or I must use a data one?

Hi there Using datatables there are few we have demonstrated using sDOM attribute
        "sDom": "<'row'<'col-md-6'l T><'col-md-6'f>r>t<'row'<'col-md-12'p i>>",
            "oTableTools": {
            "aButtons": [
                    "sExtends":    "collection",
                    "sButtonText": "<i class="fa fa-cloud-download" />",
                    "aButtons":    [ "csv", "xls", "pdf", "copy"]

No buttons in Login and Signup pages. Please add, thanks.

<button type="button" class="btn btn-cons btn-info">  <span class="bold">Login with Facebook</span></button>
                    <button type="button" class="btn btn-cons btn-success">  <span class="bold">Login with Twitter</span></button>

you could add if after the “create account” button

submission buttons for login and signup ?

Currently the buttons are not inside the form tags it will not trigger the jquery form validation, assuming you have worked with the jquery form validation ?

the work around would be onclick function ?
$( "#login_botton" ).click(function() {


and like wise for the register button the same, don’t forget to add the button ids as same as the js ids

Hey Ace. It would be nice if the collapsed menu had an active-menu-indicator. Now it is hard to see which menu is selected.

You have succeeded in creating a very nice and minimalistic design. In fact, though Metronic has more functionality, we chose Webarch because we liked the design better.

I would suggest simply changing the background color of the selected menu item while in collapsed mode.

However, this is of course something I can easily do myself, so don’t use too much energy on it. I thought only it could be beneficial for the next couple of thousand customers :-)

Yes it is very beneficial Thank you very much! :) as you know we would go through couple of cycles to make a change and would only use the best one that we come up with. As we really care about every single detail of each element :) Thanks alot again each of these feedback will be taken into serious considerations

No problem. Keep up the good work.

how to remove the following warning message:

Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)

Hi there Sorry about the late reply yes you could its in assets/css/responsive.css at the very bottom you will find the dpi :) for retina and android devices

I want to use it in AngularJS, but how?

can’t work.

Please help.

Hi there Angular is getting a very popular demand and this has made us to consider the template to support both angular too :)

there is already a angular boostrap version
A working model of angular js with webarch


Thanks for a great theme. However, this may be a silly question but I’m not 100% sure what I have purchased here. It seems like many of the dashboard page layouts have not been included in PSD format such as the email page, calendar page and all the other layouts in the ‘extras’ section. Am I missing something here? (im relatively new to this).


I understand but this also means this is not a complete file, which is unfortunate. The theme is still great so thanks anyway

Hi there You should be able to see all the PSD now :)

Thats brilliant thanks :). Just waiting for the last few things we need from you now. You have been extremely helpful and supportive

Hi there, I’ve been having issues with the Condensed Layout validation. Click save and the validations works correctly at first. Text boxes marked for validation highlight in red (as it should). However when you add the correct parameter for the text field, the validation does not remove itself. In fact the all stay highlight in red, even after another save. I have not be able to figure out what the issues are. I tested the other validation configurations, and the work correctly. Really appreciate if you could help, the layout for the forms are prefect. Under pressure to deliver the admin module. Thanks

Hi there I understand :)

there is something called

      success: function (label, element) {


where we can also remove highlighted elements its great if I could see your JS code :) you could always email to

Hello, I like this theme but can I display table rows line-by-line when they the appear on small resolutions like this example: ? (Try to resize or use your mobile to see how it looks and table rows are displayed in separate lines)

Oh I understand only problem is that the headers are bind to the CSS as you can see the code

so impossible to fix ito next version?

Its always possible, why don’t we give a hot fix ? so you dont have to wait for the next version. email to :)

Given the responsive issue with the slider plugin for the frontend/standalone page. Do you by chance have it on your radar to offer the sample layout but without the 3rd party slider? It would reduce the page weight a lot and bring back bootstrap mobile functions.

Hi there You are talking about the revolution slider right ? yes you could always remove it and use the native boostrap image slider

like this ? :)

I read in the comments that a new version was coming for this week? I hope that’s truth :) (just don’t forget to update /barebone/ at the same time thank you.

Hi there, Yes :) Box layout and top menu

ps: on my nexus 7 in landscape orientation when I click the MENU icon (top left) the div toggle always and we see it… to do this bug please make a emulation with google chome and try to click the menu please

Sure Ill check it up :)

Hi, Ace! Outstanding template, man. Congratulations.

I was wondering: is there any way we can make the frontend slide down menu to slide in all other pages (tour, portfolio, contact)?

I was able to make it work by using basically the same code on the home (index.html) page. But it only works on firefox. No deal on any other browser.

Any suggestion? Thanks in advance.

Hi there Sorry about the late reply

Yea you could
            <header id="ha-header" class="ha-header ha-header-hide "  >
                <div class="ha-header-perspective">
            <div class="ha-header-front navbar navbar-default">

                      <div class="compressed">
                        <div class="navbar-header">
                          <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar" />
                            <span class="icon-bar" />
                            <span class="icon-bar" />
                          <a href="#" class="navbar-brand compressed"><img src="assets/img/logo_condensed.png" alt="" data-src="assets/img/logo_condensed.png" data-src-retina="assets/img/logo2x.png" width="119" height="22" /></a>
                        <div class="navbar-collapse collapse">
                          <ul class="nav navbar-nav navbar-right">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="tour.html">Tour</a></li>
                            <li><a href="pricing.html">Pricing</a></li>
                            <li><a href="portfolio.html">Portfolio</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </div><!--/.nav-collapse -->


you will need to add the header html stuff just below .main-wrapper div

and say when it reaches a specific section of the page

you will need the following attributes

class="section white ha-waypoint"  data-animate-down="ha-header-color" data-animate-up="ha-header-hide" 

Thanks for the reply! :)

That’s exactly what I’ve done, thanks for the confirmation. I guess I’m not as dumb as I thought. This time, while comparing your code with mine, I figured out why the hell it wasn’t working on any browser but FF.

Turns out, the waypoint target div did not have sufficient height to stay hidden below screen, therefore triggering the $ x%x !# menu.

And the reason it was working so nicely on FF… Well, now you can call me dumb: Firebug was opened, thus hiding the waypoint target div.

Thanks again, Ace. Your help was precious, and your template is really awesome.

Having trouble getting the #main-menu aka sidebar to autocollapse just on the homepage or to just have it defaulted at collapse.

Hi Ace, any thoughts?

Hi there Sorry for the late reply you could do this add the class

.mini to #main-menu


.header-seperation div, simply add display none :)

Thats it :)