136 comments found.
I’m working with 1.4.0 – I believe the gruntfile sass target is broken. It relies on pkg.name to generate the css and the name is ‘TheDocs’ but the source scss file is ‘theDocs’ (case change).
So it throw an error if you run “grunt sass”? It works fine here, seems it’s not case sensitive.
Hi, How could I eliminate the code syntax highlighting box’s upper right language name indication and also “Copy”, “Copied” button? It is cool if the code snippet is multiple-sentences long, but causes annoyance if there is only single code line. Thanks.
Hi,
You can add some utility classes to remove those elements. So add the following CSS codes to your project:
.no-lang .language-name {
display: none;
}
.no-copy .clipboard-copy {
display: none;
}
Then, add .no-lang or .no-copy to the < pre> element.
Hi,
What license should I buy (regular or extended?) if I want to build a documentation based on this template and include the resulted documentation in my codecanyon plugin?
Thank you!
Hi,
You need extended license. If you put it online and don’t include TheDocs into your packages, regular would be fine.
Hi,
The navigation bar on iPhone7 Plus can not be closed, You can reproduce this problem on the iOS simulator, or I can send you a screen video.
Thank you!
Hi,
Could you add the following code to your custom.css file and see the problem resolve or not?
.offcanvas-backdrop {
cursor: pointer;
}
Thanks.
Thank you very much!
The navigation bar can be closed, but sometimes the navigation bar does not show anything after the page is scrolled.
Do you have an online demo, so we can inspect the code to find a solution?
The URL: http://thetheme.io/thedocs/css_typography.html Device: iPhone7 Plus, iOS11
You can download the screen recording at: https://www.dropbox.com/s/ta8gj0h1igm1umo/WeChatSight5.mp4?dl=0
I see. Thanks for sharing a video. We’ll work on it and release an update once we fixed it.
How can i put a divider for menu dropdown
You can add a .divider as it described here: https://getbootstrap.com/docs/3.3/components/#dropdowns-divider
Thank you! I have another problem. I have a search widget in my left aside side bar which is sticky. Its fine initially, but when I scroll down, the search field stretches the entire screen. Please see here – what I mean: https://imgur.com/UO0lfKl
It’s hard to give a fix from an image. Are you able to bring it online or if it’s online give us a link? So we can see the code and find possible solution.
Plz see here: https://rm-rf.com/ If you begin to scroll down, the search form stretches to 100% of screen
.sidenav {
max-width: 250px;
}
Hello – works perfect. Thank you so much.. Its a fantastic theme
Thanks so much for all your replies and support
You’re welcome 
I like this theme but I have two questions before I make the purchase decision:
1 – In the Demo site the first ‘overview’ page, the header initially contains an image and the menus are transparent at the top and when you scroll down the header turns compact and sticky. This is nice but I did not see this behavior in any of the layouts, So does the template include this feature or not?
2 – In the mobile menu (which displays sidebar links) when it’s open It would be nice if the side bar automatically closes if the user clicks at the page (i.e outside of sidebar menus portlet).
Hi,
1. The demo landing page has created using https://themeforest.net/item/thesplash-template-landing-page/14375892 , so it’s not included in the download package.
2. You’re right. We have such a functionality in our newer templates such as http://thetheme.io/thesaas/ . We’re planning to release a major update for the template soon. We’ll implement this feature as well.
Thanks for suggestion.
Hi!
Thanks for a wonderful theme (The Docs). I am have wrote an book, containing sum 1 200 pages (with titles, subtitles and subs titles), that I am looking to make online and as SEO friendly as possible. The idea is that people will google something i wrote about and then land and my page.
I am now wondering, as I love the simple and nice design you have made, is TheDocs a suitable theme for my book/manual in terms of SEO friendly? I love that the left side bar “navigates” with you as you are reading through the main text, but I am unsure whether this is SEO friendly or not.
Please advice on this concern, and if you have a better suggestion, please let me know the name of that theme.
Thanks for the help and keep up the good work!
Grekting from Sweden 
Hi,
Glad you like our template. First, you should know that this is a HTML template, you should write your content in HTML code. Also, the SEO is highly depend on your page creation. If you add title, description tag, meta tag, related content, use appropriate html tags, link to other pages, etc. you’ll have a SEO friendly website. If you’re not familiar with HTML, you should use a WordPress template which is better in terms of SEO. Our template has a WordPress version which is developed by another developer, you can check it too: https://themeforest.net/item/thedocs-online-documentation-wordpress-theme/16135997
Let us know if you need more info.
Hi, I bought your theme yesterday. I installed it and import the dummy data but the home page do not display the following introduction text “TheDocs is a html online documentation template….”. I can give you my purchased code but unfortunately I can’t give you accès FTP or WORDPRESS access. You can see the problem here : https://suivi-immobilier.com/documentation
Thank you for your help
Hi,
The developer of the WordPress version is another author. You should write your comment here: https://themeforest.net/item/thedocs-online-documentation-wordpress-theme/16135997/comments
thank you
Hello,
We have implemented your templates for our documentation site. All is working well. We have one item we need help with. We have a code snippet service that generates code based on an input URL. The data returned is standard HTML/text. However, when we write the output from this service to the ‘code’ block element we notice the term highlighting no longer works. We have tracked that down to the lack of markup in that text. It appears the modified jquery library also review the document for code snippets and rewrites the DOM accordingly. Is there a way to call this function independently to re-init the doc or is there a function we can call with the input text and have it apply the regx automatically?
Hello,
Seems in this case, you need to use the prism API ( http://prismjs.com/extending.html#api ). Probably “Prism.highlightElement” is what you need.
Let us know if you need more help.
Hello,
To ensure that it is clean and complete, we can not have the source code of the page: http://thetheme.io/thedocs/landing/ ?
Thank you, I love the design of “TheDocs” !
Hello,
Glad you like our template. The landing page has designed using https://themeforest.net/item/thesplash-template-landing-page/14375892 . If you need it, please send us an email using https://themeforest.net/user/thethemeio#contact and I’ll send you the landing page. But you should know that it’s not part of TheDocs and since we’re an exclusive author in Themeforest, I can’t give you a license for using it in your projects.
Thanks.
HI, we have a proplem, in the body we wanna put a row in full width, it’s in the displayHome hook and is with VC (the content inside the row is 1200px like the rest of tha page but the background got to be in full with) but the displayHome hook isn’t in full width,how can i do this without put the all the webside in full with, we do this in the fullwidthFooter hook but we cann put Visual Composer in fullwith’ hooks
Hi,
Seems you’re question is regards WordPress version. Since the developer of WordPress version is another author, you should write your comment here: https://themeforest.net/item/thedocs-online-documentation-wordpress-theme/16135997
Cheers.
Our problem is in prestashop 1.7, can we get support?, please.
You should write your comment in the item comments area: https://themeforest.net/item/transformer-responsive-prestashop-theme/5095795/comments
You wrote this comment for this item: https://themeforest.net/item/thedocs-online-documentation-template/13070884
Hi, thanks again for this great theme, real time-saver ! Any way to use inside a page smooth scrolling links to anchors like on sidebar/sidenav element ?
Thanks 
Hi,
We glad you like it. Unfortunately we don’t have such feature in the template right now. You can add such functionality very easy. Just include the following code into your custom.js file:
// Smooth scroll for links
$('.scrollto').click(function(){
$('html, body').animate({scrollTop: $($.attr(this, 'href')).offset().top - 80}, 500);
return false;
});
Then, you can create a smooth scroll to a section of page with adding .scrollto class to your link:
<a class="scrollto" href="#section-id">Click here</a>
Let us know if you need more help.
Minor improvement suggestion: In the JS which creates the anchor link for headings, prepend the full page URL. Anchors break if there’s a <base ref> set so altering the code to this solves that issue:
document.location.href + ’#’+ $(this).attr(“id”)
Thanks for your fix. We’ll include it in the future release.
Bug in my own bugfix
var url = window.location.href.split(’#’)[0];
var anchor = url + ’#’+ $(this).attr(“id”)
Thanks again 
Hi, I bought this item (code=4ab38994-af1e-475e-ba93-aa48e53fba3f) but I need the version for wordpress. Can I change it?
Hi,
Sure. You can refund your HTML version and purchase the wordpress version. You can submit a refund request here: https://themeforest.net/refund_requests/new
Hello,
Does your template have a ajax search like this: https://themeforest.net/item/flatbase-a-responsive-knowledge-basewiki-theme/7264664Thank you, Haider
Hello,
No, since TheDocs is html template, we can’t create a live search for it.
Hi! Thank you for your reply. I totally missed that. So if I ask the other way around then; can this be easily applied to a WP theme, or does it require a developer of some sort?
Hi,
I’m not sure. It seems there is some WP plugins for live search, but I don’t know if it can easily implement in a theme or not. Probably a wordpress developer should take a look at them.
Hi,
Amazing theme, thanks for the quality of your work !
Since changelog is not updated yet, can you tell us the upgrades of version 1.4 ?
Thanks
Hi,
Thank you.
Sorry, the link in the item description was targeting at the previous demo website. It’s updated now. You can see the changelog here: http://thetheme.io/thedocs/page_changelog.html#v1.4.0
Thanks for your lightning fast feedback
Great improvements !
Hey, thanks for informing me about blog template, I had a feeling that I’m missing something.
Anyway, I made issues/suggestions list, after a day of playing with it, here you go:
1. navbar-toggle for-sidebar – maybe use glyphicon-th-list instead 3x icon-bar?
2. Mobile buttons (menu/sidebar) stuck activated after clicking them.
3. Clicking site content while mobile menu or sidebar are open should close them.
4. Anchor icon goes onto sidebar in the mobile version.
5. Line under h5 (in list view) is always the same size compared to h2 which is of the length of the text.
6. FAQ search box text is sometimes red, not sure why.
7. When the sidebar is long and you scroll to the bottom of the site – it goes under the footer.
8. There is small jump/lag when you scroll the page at the beginning (just when menu starts moving).
9. Maybe make menu bgcolor skin dependent?
I’ll add more when I notice something. Otherwise, good job
Hope to see some updates soon.
Hi,
Thank you for providing such a valuable feedback. We are planning to release a bug-fix and maintenance update in a couple of weeks. We try to fix all of the issues that you’ve mentioned and implement most if not all of feature requests.
.
Two more things:
- Logo is “jumping” few px down during refreshing page
- Adding “id” to, i.e.,. “h5” tag in categorized-view results of addition of unnecessary icon before that header. – can I get a solution for this one?
And about the #9 in the previous post: it’s about a mobile menu, sometimes it is black not exactly sure what causes it, maybe navbar-transparent. Have a great day!
I’ve made an update to js file to fix your issue with ID in header tags. You should download updated theDocs.all.min.js file from https://uploadfiles.io/yt7kd and replace with yours. Then, add a “no-anchor” class to your header tags with IDs (e.g. <h5 id="something" class="no-anchor">).
We’ll work on the other issues later.
Thanks, worked like charm 
Hi pat222,
We’ve just updated the template to v1.4. You should receive a notification soon. Almost all of your requests has been implemented in this version. Just few notes about the other suggestions:
1. 3x icon-bar is the default bootstrap markup (http://getbootstrap.com/components/#navbar). It’s better to follow Bootstrap’s guideline, but you can easily change the icon in your template.
5. They are intentionally same size, because it gives them a better UI. If you need to have a variable size, let us know so we can help you with writing css code and you can place it inside custom.css file.
6. We tried to reproduce this issue, but we couldn’t. Please share your information if you could find out more about this behaviour.
9. They are actually skin dependent! For example, if you add skin-red.css to your page, the background-color of .navbar turns into red color.
Thanks again for your feedback.
Wow, that’s a fast support. Thank you.
5. Thanks fine for me 
6. I can’t find anything in inspector but noticed that happens in Firefox and not in Chrome, maybe browser bug?
9. Yeah I already noticed they are, don’t know why but once it was black, but now it’s fine.
When I find any more issues, I will let you know 
One note about this version: This is mobile view: http://i.imgur.com/RILpfOw.png Honestly, it doesn’t look good, especially when anchor appers after hovering (we don’t hover on mobiles). Can I get your help with removing anchors from mobile at all?
Also a feature suggestion: maybe consider adding an element of promoted articles like you can see on news and blog websites.
Thanks again and keep going 
P.S. Don’t forget about change log 
You can add following code to your custom.css file to remove anchor in mobile devices:
@media screen and (max-width: 767px) {
h1 a::after,
h2 a::after,
h3 a::after {
display: none;
}
}
I wrote down your suggestion to consider it in future updates.
Changelog is available here: http://thetheme.io/thedocs/page_changelog.html
BTW, your review for TheDocs is 4 stars. It would be nice of you to update your review after this bug fixes if you think it deserves 5 stars.
Thanks for your feedback.
I guess you mean “before” instead “after” – thanks
Rating updated.
Thank you 
Hello!
Loving your HTML template and it’s simplicity. I am currently wondering about the sidebar. How are you able to extend the sidebar section without having to “under-lap” the footer page. I would like to display more than 15+ categories and sub-categories that can be viewable while navigating through them.
It appears the only resolution is by extending the main body of the page which I do not wish to do since some content may or may not have just a few paragraphs of content.
Thanks!
Hello,
Glad you like it.
To overcome this issue, you have to use a boxed sidebar. It can display a scrollbar if you have a lot of categories. Please see a demo: http://thetheme.io/thedocs/layout_sidebar_boxed.html
Awesome, thanks! I also noticed @pat222 suggestions and feedback also correlate with what I was hoping for! I wanted to add.
1. Would it be possible for the boxed sidebar to have an invisible, extremely minimized, or customizable scrollbar?
2. I am able to scroll down and the footer doesn’t completely overlap the sidebar, only the scrollbar on the left.
1. Sure.
2. in “layout_sidebar_boxed.html”, sidebar has complete space in the left and footer is in the right, below the content. So footer can’t overlap the sidebar.
Hi again,
I just wanted to inform you that the new version is out there. You can download it right now.
Also, we’ve implemented your request to add a custom scrollbar to the boxed sidebar.
Hey! Thanks a bunch. Very fast in implementing it. Really appreciate it! I’ve also encountered some very minor issues.
1. When using the sticky navbar for the boxed sidebar it appears to overlap the sidebar on the top. Would it be possible for it to show only on the main content page?
2. The footer doesn’t stick to the bottom of the page. Only when I add more content. Only solution I was able to come up with was to add
or more content on the page.
Not really urgent! Just wanted to point it out to you. Thanks again! (:
Thanks for reporting them. I’ll put them in the to do list for the next update.
Hi – any chance of a bower file to pull in the correct versions of dependent libraries in the vendors folder? I want to commit my project to git without unnecessary code! Thank you
Hi,
Unfortunately not! But the good news is that you don’t need to include vendor folder for your projects. All of them are included in theDocs.all.min.css and .js files.
Yes, I’d worked that out at least
I started to go looking for the dependencies but gave up and used the starter kit as-is. Well put together though, thank you.
You’re welcome.
Where can I find theDocs.all.css full without min? I need to edit and so it is not easy
Seems we forgot to place unminified files inside the source folder. Will fix this issue in the next update.
theDocs.all.css is a combination of core.min.css (https://uploadfiles.io/uk70o) that contains bootstrap, fotawesome, prism, etc. and thedocs.css (https://uploadfiles.io/rsvq6). You can download this two files, make your changes to thedocs.css and combine them to create theDocs.all.css or simply include both files inside your html files. Also, it’s always a good practice to write your custom css codes inside custom.css file, so you can update your template to new updates without loosing your changes.
BTW, it would be nice if you can use our support center (http://thethemeio.helpato.com/) to submit ticket or forum posts, so we can easily attach files. It doesn’t need registration.