778 comments found.
My next question… I’m trying to use the Horizontal and Vertical Tabs, but need them to look the same. So the question is, how can I make the Vertical Tabs look the same as the Horizontal?
You can make the horizontal tab looks like a vertical tab by adding following styles:
.nav-vertical-2 {
flex-direction: column;
}
.nav-vertical-2 .nav-item {
margin: 4px;
}
.nav-vertical-2 .nav-link {
border-radius: 10rem;
}
Then, add .nav-vertical-2 class name to your .nav.
I am having some support problems. I am trying to login for support but it just goes to a blank screen through the Envato button link. I have logged in before with one support question but have not been able to do this again. Currently, my Elementor is only showing an edit options on the sections without the delete or duplicate options. Not sure how best to progress?
Hi,
Sorry about that. Could you send your WP login information to our email so we can take a look at it? https://themeforest.net/user/thethemeio#contact
Hi team,
Building my first landing page using the slack variant. Although had to change it quite a bit but not because of your template.
Lessons-learned:
1. The sub-class pricing-3 popular, had to also create one for pricing-1. It would be nice if you can add it to all the pricings (or at least to the ones you think it makes sense).
2. The navbar, it would be great to have an example with links but also with 2 buttons. Not only “or links” or “buttons”.
3. Page block example for datagrids, if possible…
At the end I’ve created a “custom.scss” file that loads at the end of yours with my customizations.
Thanks for the amazing work and looking forward for the next version!
Hi,
Thanks for your great feedback. We’ll take all into consideration and do our best to provide them in future releases.
Bootstrap 4.0.0 just launched. How many time about will this theme update to BS 4 version? I want to start my project, Thanks
Hi,
Our estimation is mid February.
Thanks.
Hi,
We purchased the SaaS template a few months ago and got around to development only now. Just learnt that this is the HTML template and not the WordPress version. Would it be possible to switch the licence for us if we pay the remaining balance of $40?
I know you don’t have to do this for us but I thought it’s worth checking.
Hi,
Unfortunately, ThemeForest doesn’t have such a functionality. But you can request a refund for the HTML version and we accept it. Then can purchase the WordPress version.
https://themeforest.net/refund_requests/newI have an issue with the Portfolio ‘data-shuffle’ not working with IE-11 – which is an issue as a lot of people still use this browser, as it is not that old.
How can this be corrected?
Hi,
Sorry about that and thanks for letting us know regards this issue. We’ll work on it and try to fix the issue for the next release.
Quick question – do you have any way to do image animations, such as zoom-in, when you hover over an image?
No, it doesn’t have any predefined classes to do such a task.
Quick question – how can I add a parallax image bg to the Testimonial 4 slider? I have tried a few ideas, bit can’;t quite get it right… (my HTML capabilities are a bit limited!)
Have you checked this page? http://thetheme.io/thesaas/doc-section.html . There’s a sample parallax section. Basically you only need to add data-parallax=”path/to/img.jpg” attribute to your .section.
That’s actually what I’ve done – but the image is overlapping the slider area (top & bottom)...
Does your slider is inside a < div class=”container”> ?
Yep – as per your code in ‘block-testimonial’
you can this in your ‘block-testimonial’ page by adding <data-parallax=”assets/img/bg-cup.jpg”> to the ‘section’...
I added it and it works fine. If you have the image out of area, just add data-bleed=”0”. I don’t see any problem here.
add data-bleed=”0 works – but the issue is most definitely there without it.
Glad it fixed.
Hey there. Are you able to put up an example for YouTube video to be used in the header?
Example: YouTube video placed in RED Area: https://i.imgur.com/BcLohii.jpg
Hi,
Unfortunately, we don’t support it right now. It requires a 3rd-party plugin. We’re planning to support this feature in version 2 which is targeted to release in mid February.
Hi Themeio,
I am currently developing my Laraning website (www.laraning.com) that you can check, and in the hero section at the top instead of showing the image in the big image in the right, I want to show a video. Do you know what CSS classes I should use from your template to make it happen there?
I need to change it to embeb a Vimeo video, like an url of this kind: https://vimeo.com/151390908Thank you for the help!
Sorry, no need to answer, already found it out in the meantime.
Great. Glad you could find it yourself.
Hey there, just wondering; how easy is it to customize this? Does it come with a page builder or do I have to edit all the code by myself? Thanks!
Hi,
It doesn’t have page builder, you need to modify the codes. If you need something with page builder, you can try our WordPress version: https://themeforest.net/item/thesaas-responsive-saas-software-webapp-wordpress-theme/20136366
Hi guys,
Love the theme.
I’ve created a splash/landing page with everything in the <header> tag.
I’ve tested the website on multiple mobile devices like iphone 4/5/6/7/8
On mobile the page does not scroll. It just cuts off the lower half of my content. What am I doing wrong?
Thanks, James
Hi James,
Could you provide a link to your page so we can inspect it and provide the best solution for you?
Thanks, Hossein
Replace .h-fullscreen with .mh-fullscreen on your header and you’ll be fine 
Haha. As simple as that. Thank you very much Sir. All sorted now. Brilliant support. Thanks again. I only wish I had asked you guys for help 2 hours earlier!! haha
You’re welcome.
Hi there,
I’m trying to submit a form with the sendmail.php function. I’ve created a more responsive form with a few javascript scripts. All the rest I pretty much follow the protocol. But I keep getting this error message, and I don’t know how to fix it.
VM1107:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at Function.parse [as parseJSON] (<anonymous>) at Object.<anonymous> (thesaas.min.js:1) at i (core.min.js:2) at Object.fireWith [as resolveWith] (core.min.js:2) at A (core.min.js:4) at XMLHttpRequest.<anonymous> (core.min.js:4)
Could you please help? Many thanks!
Hi,
We use parseJSON on the response of Ajax request. There should be something wrong with the response. If you provide an online demo, we might be able to provide more help.
Hi,
Thank you for the prompt reply. Unfortunately I haven’t deployed to a server yet.
Does it work if I put it up on front-end only type of server? like bitballoon for example?
Or if you have an email, I can send u the files involved. Thanks.
Hi,
I guess you’re receiving that error because sendmail.php can’t send email from localhost.
While I think you’re doing it right, you can paste your contact form html code here, so I can take a look at it.
Or maybe you can wait till deployment, if it didn’t work on your server, we can try to find the problem. You can always contact us by email using the contact form in our profile: https://themeforest.net/user/thethemeio#contact
Hi,
I was checking your forms register and login and somehow in Firefox Quantum 57.0.4, IE 11 and Chrome they lose the borders and appear all white … You can also see it in your live demo files (E.g. sign in page, or register page).
Still, if I test in older browsers it appears correctly, with a dark gray border (E.g. ipad 2, IE 10, etc).
Any thoughts on how it can be fixed?
Thanks in advance!
Hi,
I tried login and register in all of those browsers and they work just fine! The gray border becomes blue (primary color) on focus.
I’ve made the main title bar white, by adding bg-white to classes, and removed topbar-inverse class – but now the pop-up sub menus are positioned too high.
How can I lower them?
I think they are not related to each other! Could you provide an online demo to inspect it?
Sorry, only working off-line at the moment. But it is easy to see… Also, removing topbar-inverse makes the log small, as after scrolling the page, which I don’t want.
Now I see what you mean. To have submenu aligned with the bottom of topbar, add the following codes to your css file:
.topbar-nav:not(.nav-toggle-click)>.nav-item:hover>.nav-submenu,
.topbar-nav>.nav-item.show>.nav-submenu {
transform: translate(0, 0);
}
.body-scrolled .topbar-nav:not(.nav-toggle-click)>.nav-item:hover>.nav-submenu,
.body-scrolled .topbar-nav>.nav-item.show>.nav-submenu {
transform: translate(0, -15px);
}
What about the issues with removing topbar-inverse using the small logo?
What’s the problem with logo? I can’t understand your question. An screenshot might help a lot.
When you use ‘topbar-inverse ’ it uses the ‘small’ logo for the compressed menu …
When it has .topbar-inverse class, we display the logo with .logo-inverse class. And if you remove .topbar-inverse, we display .logo-default. Please make sure you supply both of them in .topbar-brand.
Unfortunately you are missing the point – I want to NOT use .topbar-inverse for the main menu, before scrolling, but DO WANT to have the larger logo… does that make more sense?
We don’t define any small or large logo. Unfortunately, I need to see your online demo to see your code and understand what are you trying to do.
As the main menu bar is larger than the secondary bar after scrolling the logos need to be two different sizes if both that full height… doe that help?
No, you don’t need to. We eventually set the max-height for logos to be 50px height in both cases.
This might be helpful to know that when body scrolls, we add .body-scrolled class to body tag. So if you want to have a different logo in the sticky header rather than the default one, simply take advantage of this class to show/hide your logos in each situation.
Ah! – in your demo.source files you have two logos of different colours (inverted). I used the same approach to have two different size logos. I think .body-scrolled will help. thanks.
You’re welcome.
I have been stuck on Elementor loading page forever, it does not load the controls and the page. Please help
I guess the PHP version of your server is below 5.6.
Please send your WP login information to our email for further inspection: https://themeforest.net/user/thethemeio#contact
Question with the topbar. I’m using the sticky tab and works great. However when you scroll to the very top of a page the bar embedded in. Is there away to always show the top bar, whilst still sticky?
Thanks.
Hi,
I guess this is what you’re asking for:
.topbar {
position: fixed;
height: 60px;
background-color: rgba(255,255,255,0.98);
box-shadow: 0 0 15px rgba(0,0,0,0.06);
transition: margin-left .5s, background-color .5s;
}
Hi,
Great theme and I’m using it in my new project for online learning.
Still, I didn’t find a datagrid example. Are you planning to have it in your next release?
Any case, any guidelines that I should follow on how to build tem using your template?
Thank you!
Hi,
What type of datagrid you’re looking for? We support basic tables which is part of Bootstrap, but we don’t have any external plugin for datagrid. I think it’s part of the back-end and should be handled by an admin template.
Hello.
The SaaS is a fantastic template. I’m enjoying a lot with that. But I wish a feature:
When you will add a pricing switch to change purchase from monthly or annualy?
Also, how can I view my recent articles published in wordpress [external site] on TheSaaS taking advantage of the blog blocks?
Hello,
Regards pricing, our plan is to prepare it for the next release which will be early February. Hope is not too late for you.
Regards blog posts, you can use any of our blog blocks, but you need a help from backend script to retrieve your latest posts from your blog. It’s not part of our template.
Do you plan to upgrade this to latest Bootstrap 4.0.0.beta3 ?
Yes, we’re currently working on to prepare TheSaaS v2.0 which would be based on Bootstrap 4-stable. We won’t release update for beta releases, since they include breaking changes. But the stable version is right around the corner.
So our v1.x would be based on alpha-6 and v2.x will be based on stable release of Bootstrap 4. Stay tuned.
