322 comments found.
Thank you for making such a brilliant template, i wish you all the best for your future works.
Please can you help me with a small problem i’m having?
I want to make the width of each main menu option smaller so that i can show more options in the menu without it going under the logo. How can i do this?
Regards 
Hey Scottpeace
Thank you for the awesome feedback We appreciate it
As for your question, please edit the padding (padding: 0 19px;) in style.css in this line:
nav.mainmenu>ul>li>a {float: left; height: 20px; padding: 0 19px; border-left: 1px solid #e3e3e3; color: #3f3f3f; font: 300 1.231em/20px "Signika",sans-serif;}
You can replace the padding from padding: 0 19px to for example padding: 0 10px and then each of the menu item will be less wide.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Right in front of my eyes…
Thanks alot, you have a skill at making people happy, aswell as making top templates.
Regards
Sorry to bother you, but the menu options are expanding on hover and jumping around, can you show me how to fix that please?
No problem Could you please write which menu are you currently using? Depending on this you will need to update also the padding on hover and selected menu item. For example if you are using header 1 (h1) then please update the padding value also here in style.css (in this example from 0 19 to 0 10px):
.h1 nav.mainmenu>ul>li.current-menu-item:hover>a {height: 20px; padding: 0 19px; background: none; border-bottom: none; line-height: 20px;}
and here in style-headers.css (from padding-left: 20px to padding-left: 11px;)
header.h1 nav.mainmenu>ul>li:hover>a {padding-left: 20px; border-left-width: 0;}
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Perfect, Many Thanks!
Hi, 3 month ago I bought your very nice template. Now there is an automatcly slider in it. PERFECT! But WHERE can I find the SPEED???? My client want a faster speed of the slider.
Hope you can say me where to find???
As soon as possible pls. I have a deadline till tomorrow….
Thnax a lot!!!!
Hey Ronflash
Thank you for comment
Please go to js/scripts.js and change the delay value, from:
delay:9000,
to for example:
delay:3000,
the value is number of milliseconds, so for example 3000 means 3 seconds.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Wow! That is a quick answer, and it works PERFECT!!! Many thanx!!!!! Have a nice weekend!:-) Waiting for your new template soon???
You are welcome Have a nice weekend too Yes, we are working on new templates Please follow us on ThemeForest, Facebook and Twitter or Google+ to be informed when they will be released
Thanks and kind regards
it comes with 108 errors and I just wanted to learn: is it still seo friendly and are my method good to inspect seo friendlyness of a site ?
Kind Regards, ali
Hey Alikasapoglu,
MultiPupose is super SEO friendy and it’s ready for your website to gain the top rankings. Main outstanding SEO features are:
-Ultra Semantic SEO firendly HTML5 structure, please have a look at the source code, so that you will see how clean and semantic is it. Please also have a look as it pass the HTML5 validation http://validator.w3.org/check?uri=http://thememotive.com/multipurpose/
-Speed Optimization (limited number of http requests, and lot of more assets), You can test it and see that it has got the higest grade on http://gtmetrix.com/reports/thememotive.com/x5MgtyHq
According to CSS warnings you observed it’s because the bug of validator. CSS is well written and optimized as well. You can read about the validator bugs/issues for example here or here.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi ThemeMotive,
You’ve done a great job with this theme and your support is fantastic… 5 Stars!
One more request: I’d like to have a series of six small sliders in a three column layout. No text is required, just images (versions of the same product). No paginator is required either… just auto-rotating rotating images, 300px x 160px.
Is it possible to accomplish this without putting you to too much trouble?
Thanks!
Hey mxproject
Thank you for positive feedback We appreciate it
“I’d like to have a series of six small sliders in a three column layout.”
Three columns divided intro six or six slides in the one third column layout? You could do this exactly with http://thememotive.com/multipurpose/home7.html (Our Clients section with slider), please just replace and add your photos and use it in on 1/3 column grid.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Great design! Is there a way to have the notifications be pop-ups (modals) instead of pre-pending? I would like to have it display centered on the client’s screen
By the way, if you would like to see what I have done, the site is for my school’s club: www.cecs.wright.edu/bmes
Thank you!
Hey Mijopabe,
Thank you for great feedback We appreciate it
By the notifications do you mean the “Alert messages” from the shortcodes page?
Yes, you could load them in popup. Then please create new html page with the notification you want to display and run in as popup. If you want some sample of code how to run popup then please send us the mail, so we could send you back some exemplary files of how to run html popup.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Thank you for the quick reply Exemplary files would be most helpful. To which address do I send the e-mail requesting them?
Please send us e-mail to info at thememotive dot com or using the form or our profile on ThemeForest
Thanks and kind regards
Hello
Is it possible to set offset or “push” columns like in some grid frameworks – for example in “Foundation”
Thank You
Hello Lumimies,
Thank you for your comment
Could you please write more details of what do you mean by “push” the columns?
The grid in MultiPurpose is flexible and very well optimized as well. You can see how it’s used here.
Let us know if there’s anything else we can help with.
Kind regards
Hi
I meant for example like in “Gumby” framework. As in:
http://gumbyframework.com/docs/grid/#!/pushing-columnsThank You
In other words it looks like making the column more narrow and adding additional left margin. You can make this kind of custom changes in style.css under section “Columns system”.
For example:
.col3 {width: 31.3%; margin-left: 3%;}
You can limit the width and put bigger margin-left.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Hi
Ok – thanks. I’ll try that. Hope this does not mess up responsivity.
Thanks for ultra-fast replys!
regards
Thank you for your response, I’ll try the newsletter in online mode.
Meanwhile please explain how can I make the “Search” function to work?
Hey kazmarar,
You are welcome
As for search you could please either integrate it to your own CMS/internal website system or use external search services, for example https://www.google.com/cse/ (easy to integrate).
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Hi ThemeMotive,
Is it possible to animate the “slider-box” series of client logos (at the bottom of the ‘Hosting’ home page example), so the viewer doesn’t have to click to make them move?
Thanks.
Hey Mxproject,
Thank you for your comment
As for the slider-box in this case you will need to add custom code.
Please under line 751 on the current version of scripts.js, just above this code:
}
});
$(".slider > *").css({opacity:1},500);
put this code:
function autoContentSlider() {
window.setInterval(function () {
if(pos > maxLeft) pos--;
else pos = 0;
var moveTo = pos * itemW - offset;
slider.stop(true, true).animate({left: moveTo}, speed);
}, 3000); // repeat forever, polling every 3 seconds
}
autoContentSlider();
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Hi ThemeMotive,
I inserted the code provided, but it doesn’t seem to do anything.
Just to be sure, this is how it looks:
prev.click(function(e){
e.preventDefault();
if(pos < 0) pos++;
else pos = maxLeft;
var moveTo = pos * itemW - offset;
slider.stop(true, true).animate({left: moveTo}, speed);
});
function autoContentSlider() {
window.setInterval(function () {
if(pos > maxLeft) pos--;
else pos = 0;
var moveTo = pos * itemW - offset;
slider.stop(true, true).animate({left: moveTo}, speed);
}, 3000); // repeat forever, polling every 3 seconds
}
autoContentSlider();
}
});
$(".slider > *").css({opacity:1},500);
})
Did I mess up somehow?
Thanks!
The code we provided you works on our side. We can send you full scripts.js file to be sure all is fine. Could you please send us e-mail, so we could send you back the code?
Thanks and kind regards
Thank you for your e-mail. Please find the updated scripts.js in the attachement on your e-mail box and see home3.html (after update) and wait few seconds (more than 3) to see how the slider with logos is working automatically.
Hope this helps!
Let us know if there’s anything else we can help with.
Kind regards
Thank you ThemeMotive, the new scripts.js got the Clients slider working just fine. Much appreciated!
You are welcome
We would be glad if you could rate us 5 start
Let us know if there’s anything else we can help with.
Kind regards
Thank you, great template! I have two problems: on the landing page with the form ipad vertical wraps and not paginate properly. Second problem: when I change the color to the template class class = “tooltip dark” is orange as well as the class = “testimonial” Temporary link : http://www.mastoplastica.me/landing-page.php Ivan (Italy)
Hey Privatamente,
Thank you for your comment and great feedback
1) Could you please send us the screenshot with the details about 1st issue. Not sure if you have on mind this that form is going down in responsive (this was done intentionally to keep the font size readable and not have everything squizeed that much)?
2) Please change in style.css
from
span.tooltip.dark {background: #ff8400;}
to
span.tooltip.dark {background: #319cee;}
3) For testimonial you might change the color easily (in psd file) cut and save and replace the image to new one. Please let us know if you need some further help here. We can preapre the that image for you and send you via e-mail if you want.
Hope this helps! Let us know if there’s anything else we can help with.
Kind regards
On the iPad the form wraps http://www.mastoplastica.me/images/ipad-shot.JPG ... in the image of the presentation of the template on ThemeForest is right!
Thank you for the details, please do not that on the beginning we made it in responsive just squizeed, but then there was not much place for image and headlines, image needed to be be small, so that’s the reason we made it intentionally go down (to have more space for the headlines/text and slider image). It’s seems more usable and readable now.
However If you want to have it squizeed on ipad, please just:
change from
@media (max-width: 920px) {
.landing-form form {position:static; float: none; margin: 2em auto;}
}
to (just changing the max-width value to 760px)
@media (max-width: 760px) {
.landing-form form {position:static; float: none; margin: 2em auto;}
}
and from:
@media (max-width: 920px) {
.slider11 article {width: 100%; max-width: 100%; min-height: 0; padding-right: 0;}
}
to (just changing the max-width value to 760px)
@media (max-width: 760px) {
.slider11 article {width: 100%; max-width: 100%; min-height: 0; padding-right: 0;}
}
and add this (under .landing-form p {margin: 1.5em 0;} (in order to squizee the form a bit):
@media (max-width: 920px) {
.landing-form form {width: 220px;}
.landing-form input, .landing-form select {width: 200px;}
.landing-form select {width: 220px;}
}
Hope it helps!
Please let us know if we can be of further assistance.
Thanks and kind regards
Thank you for assistance are super efficient.
You are welcome
We would be glad if you could rate us 5 star
Thanks and kind regards
Thank you for your previous answers. I would like to understand how the newsletter signup works? In the offline mode I have put my e-mail address instead of words PUT YOUR EMAIL HERE, and tried to write an e-mail address in the “Sign up for newsletter” form and click. But nothing happens. What I have done wrong?
Hey Kazmarar,
Thank you for your comment
If you are testing offline then sending e-mail might not work, so please upload your website on real host with enabled PHP and mail function (most of hostings) and then when user/or you subscribe to the newsletter you should get e-mail with the user e-mail and some addtional information.
Hope this helps! Let us know if there’s anything else we can help with.
Kind regards
Hey it’s me again. I am having a problem with the logo at the top of the page when viewed in a mobile browser. When i put your logo back in it works fine. When i put my logo in it shows for 1 second and then shows a broken picture link. It displays fine in any desktop browser. It just happens in mobile browsers. Does the logo have to be in a particular place in correlation to the css. Or does the logo have to be a particular size? I do have it about 40px bigger. But i wouldn’t see why this would make it see a broken picture link?
Hey,
Thank you for your comment.
As for your question. It seems like you didn’t upload the logo for retina. Please upload logo with two times bigger dimensions and file name with 2x at the end (your-current-logo-file-name@2x.extension) or please remove this part of code from scripts.js if you don’t want to have logo for retina.
//logo for retina
$('header .title img').each(function() {
var retina = window.devicePixelRatio > 1 ? true : false;
if(retina) {
var filePath = $(this).attr('src');
var fileName = filePath.substring(filePath.lastIndexOf('/')+1);
var retinaFileName = fileName.replace('.', '@2x.');
filePath = filePath.replace(fileName, retinaFileName);
$(this).attr('src', filePath);
}
});
Hope this helps! Let us know if there’s anything else we can help with.
Kind regards
Worked like a charm as always. And MAN my logo looks crystal clear on the mobile devices doing it that way. Looks awesome. Thanks again!
You are welcome
Hi
great looking template…
one quick question…
would it be easy to make the header ‘non-sticky’?
Cheers
Hey,
Thank you for contacting us.
Sure, please just remove class/text “sticky-enabled no-topbar” from the html template and then sticky won’t appear.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I can’t find an example of the HTML code required to display additional images in a lightbox (Portfolio, etc.) when the arrows are clicked.
Can you provide an example of HTML code for a lightbox capable of displaying several images, not just one, please?
Thanks!
Hey mxproject,
Thank you fro your comment
Please have a look at this part of code on portfolio pages (for example portfolio-3cols.html):
<li><a href="images/temp/lightbox-example-big-image.png" class="action view">View</a></li>
if you replace:
"images/temp/lightbox-example-big-image.png"
to your image for each item, for example
"images/temp/exemplary-image-name.png"
then lightbox will show them automatically. It’s only a matter to put your custom image source in the html code for each portfolio item.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Thanks for your help.
I’ve got it partly working, but when the last of the images in the list has displayed and the arrow is clicked again, a large black place-keeper image is displayed. Isn’t the normal behavior to return to the first image?
I’ve coded it like this:
If I add
Your help is appreciated.
You are welcome
If large black place-keeper is showing then it means that it’s also somewhere in your code, so please remove it from your code if you don’t want it to display. Could you please send us your code via e-mail to review and see the potential issues in the code?
Please let us know if we can be of further assistance.
Kind regards
<div class="img"><img src="images/01_sm.jpg" alt="" />
<div>
<ul>
<li><a href="images/01.jpg" class="action view">View</a></li>
<a href="images/02.jpg" class="action view"></a>
<a href="images/03.jpg" class="action view"></a>
<li><a href="#" class="action go">Go</a></li>
</ul>
</div>
</div>
Thanks!
Yes, now we can see the code, please make sure you don’t have this part of string in your html code, because large black place-keeper image should’t display if there is no reference to it.
lightbox-example-big-image.png
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I see there is a blog section in the main menu. Is a blog functionality included?
Nice looking theme, thank you.
Hey Mattypants,
Thank you for your comment
This is template for blog, which you could integrate and use for exmple in your custom CMS system or administrate it manually (by creating static pages).
Please folow us on ThemeForest or Facebook to be informed when we release the WP version where blog admin functionality is included.
Please let us know if we can be of further assistance.
Thanks and kind regards
what is new in the ujpdated version? why is there no documentation (or changelog, or call it how you like to)? greetz, tim
Hey Truplaya,
Thank you for your comment
We added full update history at the bottom of this page.
Hope this helps! Let us know if there’s anything else we can help with.
Kind regards
I am trying to make the logo bigger but every time I do it brings the menu down also and breaks the slider apart of it is there a fix ?
Hey RedOneSales,
Thank you for your comment
We tested the template (home9.html) with very big logo image dimensions (500×500px) and didn’t observed this issue.
Could you please write us more details what are your logo file dimensions and if you added width and height attribuites correctly? Seems like there migh be an issue with your custom code. Please check your code with W3C validator and make sure that your code is valid.
Please let us know if we can be of further assistance.
Thanks and kind regards
Hey guys, I would like to post a testimonial about this seller. I don’t do it, in fact i am a very skeptical buyer, but this company is so awesome that i would like to share my good experience on here. Here is the story. I was looking for a responsive SEO friendly template in order to redesign my website and i landed on this page through a search engine, i contacted them via themeforest and asked a presale question, they replied in a short amount of time in weekend, then i decided to buy their awesome design. After purchasing the template, i asked a few questions, they patiently replied to my inquires. I recommend all buyers to buy from Thememotive company. They are professional, have a great customer service and their product is awesome and SEO friendly.
Thank you so much for being there. I will buy again. I give 5 stars * to this gig on here:-)
Hey Majo2
Thank you, so much much for great feedback We appreciate it a lot
Kind regards, ThemeMotive team
Hi,
I created a webpage which can be seen at curehangovers.com.au.
Three things I really failed to work out: 1. IT all looks great on screen however on the iPhone the phone number disappears in the top bar, when you click where it is supposed to be it appears. Where can I change the default colour? Text in front of it appears normally. 2. I am using header 15 and wanted to change the menu, I tried following instructions but had no luck whatsoever. I tried different things without any luck. 3. I also had no luck changing the default colour from orange to something else. I followed suggestions on your webpage but after half a day trying I gave up.
Saying that I love the theme and the results it is giving on screen and on the phone. Beautiful…
Hey Markusv70,
Thank you for your comment.
1. We tested it on iPhone 4s and iPhone5 and it works fine there, however we found lot of issues on your website related with your custom code, please check your code with http://validator.w3.org/ and correct the issues/errors you have made.
2. Most easy will be to copy the header section from the page you like the header (for example from home2.html) and paste it on your header section. Additional Note for header15: Header15 has got different structure and design than others, so that there is specially designed menu specially for this header.
3. Please add this code before the </header> tag: <link href="style-colors.css" rel="stylesheet" type="text/css" media="screen">
<div class="root">
from <div class="root">
to the place just before <section class="content">.
Please let us know if we can be of further assistance.
Thanks and kind regards
That feedback was amazing and very useful.
Still one thing. Even when I view the standard header 15 created on my phone 4s I can’t read the number you have entered it stops after 22 (444…000 is not visible) if you see it on your phone does that mean it is a setting on my phone?
Please let us know if you can see the number cut on thememotive.com/multipurpose/header15.html ? We tested this with iPhone 4s and looks fine, so that might be related to your browser or some issue in your custom code/modification.
Please let us know if we can be of further assistance.
Thanks and kind regards
Hi, I am using Safari on iOS 7, iPhone 4s. This is the sequence of what happens. To start off I can see the whole number. However if I scroll down and back up the number disappears. It keeps the number +22 removes the rest. I can click on “the rest of the number” (i.e. the empty space), the number appears in orange and it will call the number for me.
Thank you for details, do you observed it on the preview or only on your html version?
So I noticed it only on my IPhone including on your HTML version. I changed to a different header and it is okay now. The difference being the background colour in this header is light gray instead of dark grey. I just think
hi the header slider form didnt work out on home5.html page, because i made this page as a index page. i i tried to send message it says just sending in the button Plz review it on http://webnep.com/mystarhome/ Regards
Hey dipkesh,
Thank you for your comment
Please make sure that you put the correct e-mail adress in send-header-form.php that could be the reason.
Also please make sure that your server has got available PHP with mail function activated. Then it should work.
Please let us know if we can be of further assistance.
Thanks and kind regards
thanks for your quick response..email was correctly edited in the page but you said “server has got available PHP with mail function activated” isnt it any hosting space you get from hosting company will setup mail function by default, or not how can i do that …what is the procedure for that Regards
We tested your html and it looks fine and work fine on our testing server. The only problem migh be either with your server limitations or some mistake you could make while writing e-mail adress to send-header-form.php You can send this file to use so we could try it on our server, if it’s working then it means your server limitation and then you should contact your hosting provider to ask about mail function.
Please let us know if we can be of further assistance.
Thanks and kind regards
on what adress ( email id ) i should send it so that you can review it regards
Please send it to: info (at) thememotive (dot) com
Hi, ThemeMotive,
On the page home3.html when I click on the link /multipurpose/images/temp/lightbox-example-big-image.png the result is the default big black rectangle.But when I replace that lightbox-example-big-image.png with my own image of the same sizes, then clicking on that link does not work. Could you please indicate the reason?
Hey kazmarar,
Thank you for your comment
Please make sure that you put the right url to your image. If the URL is correct then it should work like in the preview.
<li><a href="images/temp/lightbox-example-big-image.png" class="action view">View</a></li>
Please replace images/temp/lightbox-example-big-image.png with your path to your custom image.
Please let us know if we can be of further assistance.
Thanks and kind regards
