322 comments found.
Hey Johnhh,
Thank you for your comment.
We couldn;t replicate your issues on mac, could you please write the exact browser version? The best will be to limit the width max-width: for example 500px and use margin: 0 auto; but there must be width set to for example width: 50%;
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards, ThemeMotive team
I see that you’re using jq 1.9.11 It is OK to use the jq 1.11 above? (I did not find a minimfied 1.9
Opps… just found the link to .jquery 1.9.1, which is what you’re using.
Hey Mranalogy,
Thank you for your comment and positive feedback 
Loading speed and code optimization is one of our top priority as faster loading pages in general improves user experience and can be used for very popular websites as well.
Please let us know if we can be of further assistance.
Kind regards
Hey Guys,
is there anyway in the slider in the box with the text in and the buy now button can float below the picture on the index page when reduced in size when viewing on a mobile phone. Most of the other sliders on this template can do that.
thanks
Shane
This the website I am using it on – http://www.omegachildren.co.nz/
Hey Tencents,
Thank you for your comment.
Concerning your question. You can for example reduce the font size of headline and text in this slider for mobile, so that there will be space for button or you can reduce the text like we have got in the online preview.
If you choose to reduce the font size, then please edit it here in style.css
@media (max-width: 420px) {
.slider8 h3 {font-size: 1em;}
.slider8 p {font-size: 0.769em;}
.slider8 p a.cta {padding: 0; height: auto; background: none; color: #fff; line-height: 1em;}
}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi Guys.
I have my website up and running using your template at http://www.omegachildren.co.nz/index.html
When I view this on my iphone or ipad the menu gets lost and the slider appears to no display all the text.
Can this be fixed?
Thanks
Shane
Hey,
Thank you for your comment.
Concerning menu, please add similar code like in the native html, example (with your links of course). In your code you have got missing this part.
<select id="sec-nav" name="sec-nav">
<option value="./">Main Menu</option>
<option value="./" selected="selected">Home</option>
<option value="./landing-page.html">- Landing Page</option>
<option value="./home6.html">- Magazine</option>
…
…
Concerning the slider, please use less amount of text and then it should be visible also on mobiles.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards, ThemeMotive team
Hi there,
Congrats on the great template! I’ll purchase it soon for a project.
Are you maybe also available for freelance work, doing custom adjustments and extensions to your template?
Best regards
Hey,
Thank you for great feedback We appreciate it
We are working on new themes and templates and updating the currently released and offer support for them, so that we can’t offer freelance job for custom projects.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Alright, I understand. Maybe a good idea for an update is to add pages with a shopping cart and checkout process. I’m sure that will come in very handy for a lot of users.
Thank you for feedback. It will be included for sure in WP version and we will consider to add this pages in the future for html version.
Please let us know if we can be of further assistance.
Kind regards
Great, when do you think this will be available in the WP version? And where can I buy this WP template? I don’t see it in your portfolio.
Thank you for your feedback. WP version is not yet released, but last few months we are working to release it. There will be lot of useful features, so it’s worth to wait Please follow us on ThemeForest, Facebook, Twitter or Google+ to be informed.
Please let us know if we can be of further assistance.
Kind regards
Hey,
Thank you for your comment.
Please have a look at validation errors related to your custome code and navigation. Here you can test the website and see it http://validator.w3.org/ Please fix all the issues and make the code of navigation similar to MultiPurpose native version. Then it should work fine.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
This is a great template to work with! I just made a support request and got a perfect reply in 15 minutes! Brilliant
Thank you for great feedback We appreciate it
Kind regards, ThemeMotive team
No worries, an excellent template and great support will always pay off…
Hello—thank you for a fantastic template!
My client wants the header to just be sticky, without changing size or animating when you scroll. I’ve tried many methods to accomplish this but I have not been successful. I would appreciate your recommendation on how best to do this.
Thank you!
Hello,
Thank you for great comment
Please remove sticky-enabled no-topbar (to disable standard sticky header) from html page and then in style.css please add this code:
@media (min-width: 800px) {
header {position: fixed; top: 0px; width: 100%;}
.root {margin-top: 128px;}
}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi
I would like to add a searchbox to the side bar <script type=’text/javascript’ src=’http://search.domainname.com></script> when inserted on a template page the fields will not display, on a blank page it works fine and idea how to fix this Thank you
Hey,
Thank you for your comment.
Could you please send us URL to the website or the exact code to place in the sidebar? In the code you put in the example there is missing some part and missing ” at the end.
Kind regards
ok I will do that now thank you
You are welcome
I’ve purchased your theme and really like it. I thought I followed your directions for the sticky menu, but it does not seem to work. Would appreciate any assistance. http://faithfpc.org/index2.php.
Hey,
Thank you for your comment. It seems like you modified the part of the scripts.js that is responsible for sticky header (in your code all is written in one line and started with // (it means for browsers this code is skipped).
Please upodate the code it to have it written this way.
// sticky headers
$(window).scroll(function() {
if($("body").width() > 800) {
var header = $(".root>header.sticky-enabled");
var headerHeight = header.height();
var scrollTop = $(window).scrollTop();
if (scrollTop > headerHeight) {
if (!header.hasClass('sticky')) {
header.addClass('sticky');
header.animate({top: 0}, 600);
$('.root').css("padding-top", headerHeight);
}
} else {
if (header.hasClass('sticky')) {
header.removeClass('sticky');
header.removeAttr('style');
$('.root').removeAttr('style');
}
}
}
});
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards, ThemeMotive team
Thanks for your prompt reply. The code was not modified and is showing up as separate lines for me in my editor. I actually moved a “fresh” copy of this script file from my download folder to make sure.
working now. I had to add a return after the commented line and that fixed it. Strange because it was showing as separate lines in my editor, but firebug showed it as a single line like you said. Thanks!
You are welcome
Please let us know if we can be of further assistance.
Kind regards
My best buy. TY!
Thank you very much
Kind regards, ThemeMotive team
Que trabajo tan bueno!!! excelente desarrollo!! Es muy útil y fácil de entender. De verdad nos ayudó mucho con nuestra página… simplemente nos hizo todo!!!!!
Lo recomendamos ampliamente.
Felicitaciones.
Thank you very much for your great feedback
Kind regards, ThemeMotive team
Hi Theme Motive,
i have been using this template for the last four weeks, and i’m still very happy with it.
One small problem i’m having that i hope you can help me with, is when using the template on a tablet the sec.nav starts off narrow with a black select arrow, then stretches to 100% and the arrow turns grey.
I have loaded the template without any images and that black select arrow is still there, either its not an arrow image or it’s the standard android menu arrow before it gets styled??
On your demo the sec-nav does not behave like this so i think maybe it is something i have done, would you be so kind as to take a look and see if you understand my problem?
http://bit.ly/1c0miEdMany Thanks
Hey Scottpeace,
Thank you for your comment and kind feedback
Concerning your question, please check your website with http://validator.w3.org/ . It seems that there are some errors to fix. We couldn’t replicate the issue you mentioned about, so could please send us the screenshot of the issue to info at thememotive dot com ?
Please let us know if we can be of further assistance.
Kind regards
Thanks for the heads up with the errors, they are fixed now, but my problem persists, it’s too quick to screenshot, but it appears i might be styling the sec-nav box twice, or it’s loading 2 menus??
If you could tell me where i could style the font colour and size, in the sec-nav box (just the box not the list), i might be able to track it down?
I can partly style the sec-nav with the following line, but it changes again after execution.
input, textarea, select {padding: 12px 3%; border: 1px solid #FFCC29; border-radius: 2px; background: #009e51; }
sorry for the confusion, im going around in circles abit here
Help Welcomed
Many Thanks
If this appear only for a second while the website is loading then it seems like the reason might be low internet connection speed.
The select field is hidden in this part os scripts.js
//custom select
$("select").each(function(){
var select = $(this).css('opacity', 0);
select.wrap('<span class="select" />');
select.before('<span class="value"><span /></span>');
var selectVal = select.siblings(".value").find("span");
function selectUpdate() {
var newVal = select.find(':selected').text();
selectVal.html(newVal);
}
select.bind('change keypress keydown keyup', selectUpdate);
selectUpdate();
});
then this styles are applied:
span.select {position: relative; display: inline-block; height: 32px; padding: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer;}
span.select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;}
span.select span.value {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding: 7px 10px; background: url("images/select-arrow.gif") right 50% no-repeat; color: #999; zoom: 1;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Thankyou for looking into it and taking the time to reply, the information you posted was useful.
My internet connection is fast enough 5mb, and google says my site loads quick/1second.
So, I think what is happening is a conflict in styling .select , everything looks fine in white apart from the width of the initial sec.nav menu, which is too narrow and the arrow which is black, but as soon as you style the lines of code you provided, the contrast between the two styles of menu becomes very apparent.
Here’s my timeline of what i think is happening.
- standard unstyled sec.nav is called. (black arrow, narrow width)
- it gets styled by the line of code i posted:
input, textarea, select {position: relative; display: inline-block; height: 32px; padding: 12px 3%; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer; }
- Then get restyled by the lines of code you posted.
As an example, if you put:
background: url(“images/select-arrow.gif”) right 50% no-repeat;
into
input, textarea, select {position: relative; display: inline-block; height: 32px; padding: 12px 3%; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer; }
The initial sec-nav will appear with a black arrow and grey arrow overlapped, then gets restyled to have only the grey arrow showing.
(or a better example: change the background colour in the two examples of code)
I can sort of hack it by styling the two bits of code similary eg: add width: 100% to input, textarea, select { } but it feels like a hack and doesnt solve the initial black arrow anyway.
So to summerise, i think .select is getting multistyled, which only becomes very apparent when you try and style it away from the vanilla white.
What do you think? can you see what i’m saying?
or am i miles off?
Hey,
Thank you for your comment.
Could you please telle us some more information. 1) Did you observed this happening only on iPad or also other devices? 2) Do you want to remove the vanilla white select? 3) If this is happening only on your website with your custom code?
Kind regards
If i do;
select { display: none; }
The first menu that flashes up does not show, and the page waits until the final mobile menu loads. all very clean now.
Will everything still work doing this? as far as i can see it does.
Ahhh don’t worry about it, it is probably a slow connection, brought on by doing multiple tasks and constantly clearing the cache. That doesn’t mean seeing the initial menu flash up is ok, it’s just me getting hung up on it.
sorry for taking up your time, i have just bought 4 more copies because i think the template is brill!
Hey,
Thank you very much for great feedback We appreciate it
Concerning using select { display: none; } – this will hide all selects,
so better (more safe) would be to use header select {display: none;} – this will hide select only in the header.
Notes: There is already code in the oryginal style.css hiding white selects in the header header nav .select {display: none;}.
Please let us know if we can be of further assistance.
Kind regards
header select {display: none;}
That’s the cookie!
Thanks very much
Thank you too for great research and cooperation
Let us know if there’s anything else we can help with.
Kind regards, ThemeMotive team
First, love the template – nice work. I read through your comments about the lightbox, and only then saw that it’s designed for images only. If you can’t modify the code to support media/videos and HTML, can you please recommend a process/product that would work well? I have video content (mostly streamed from YouTube) that I need to add, and I’d prefer to not have to create a whole separate page for each. Thanks!
Hey Redembermarketing,
Thank you for your comment and great feedback. We appreciate it As for your question please consider using fancybox – it supports media/video. Note: On WP version we will support videos by native.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I’ve been implementing Fancybox (little bit of a pain, but not too bad), and it’s controlled with classes… much like your own lightbox.
The problem is that I can’t activate Fancybox to view a video using the “view” class that you provide for your overlay (a style that I really like, and use throughout the site).
I can only get fancybox to work if I use it with your “go” class. I’d like to use “view” to launch the fancybox lightbox to view a video, and “go” to direct the visitor to a project/portfolio page.
Perhaps if a new class is created called “video” or “preview” that will act like “go” but display the magnifying glass for the overlay?
Well, I tried implementing the idea I came up with while writing the last reply – I added a class “preview” based off of the “view” one – this way, the magnifying glass still shows up, but it’s action will be to activate the Fancybox light box, since I’ve added it’s respective class to that link as well. Seems to be working so far.
Thank you for feedback. Sounds like it’s working fine
Please let us know if we can be of further assistance.
Kind regards
I used a fresh CCS file and was able to find and make the changes. Thank you once again for a wonderfull theme
I would have no hesitation in recommending it to anyone.
Kind Regards
Thank you
Warmest Regards, ThemeMotive team
Hi
Great theme thank you very much. I am trying to customise it a little can you please assit with the following if possible 1) home5.html How can I put the the sidebar on the left side of the page will this then appear on top in Phone / Tablet 2) I have a booking form on the top of the side bar and would like it to appear on top in Phone / Tablet what is the best way to do this 3) On home8.html I can place the Search unit in the slider on the black portion but the slider reduces in height on Phone / Tablet and will not show the full booking form the book button at the end is missing any idea how to solve this
thank you
Hi Setanta,
Thank you for your kind feedback and comment
Concerning your question:
Points 1 and 2: Please add the reverse class to <section class="content> so it looks like this <section class="content reverse"> – this will change the sidebar to left side. Then please put all inside <aside> including aside tag, before <section class="main">, so it mobiles aside will show as first.
Point 3 – the best if we could see your current code, but one of the easiest solution migt be make the button and text a little but more small.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
thank you for a super fast reply and solution. 3)Not possible to make the booking form/ search unit smaller it needs to be 330 px high I am considering putting it in the sidebar but will need it to appear on the top in phone and tablet But would much prefer to have it in the slider
You are welcome
Please consider to use Landing Slider solution if you need the form in the slider.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
the side bar on the left is working perfectly now The booking form is right on top on mobile devices thank you can I use an extra large image on the slider with Landing Slider what is the larges size iimage I can use and put a transparent form on top of it
Finally with landing slider how do I put the form on the left so it loads first on mobile
Concerning Landing Slider we recommend to use photo dimensions 305px x 374px for best looking, so it would be better for you to use slider8 if you need to use full width image and you can use also bigger image (more hight) and adjust the height for slider8 selector in style.css, so that there will be more space for your form. That would be finally better to use slider8 for your needs.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
the height is perfect on full screen it is on mobile devices where it reduces automatically can i set a minimum height for mobile devices in CSS? thanks for all your help on this
You could use bigger image (higher than the current one) and adjust the height in style.css in this place:
.slider8 {position:relative; width: 100%; height: 542px;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Is it possible to reduce the width to have sidebar and content side by side in mobile or at least in tablet
Thank you for your response to date your support is excellent
Hey,
Sure, it’s possible, for example you need to adjust max-width in this places (from 800px to for example 760px):
@media (max-width: 800px) {
.main {float: none; width: auto; max-width: auto; margin: 0 0 20px;}
and
@media (max-width: 800px){
.content>aside {clear: left; float: none; width: auto; max-width: 100%; margin: 1em 0;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi Ok I found the first maz-width in the CSS but not the second can you direct me please
Sure, please search for this line in style.css and you should find it (if not then it means that you modified your style.css and then we would need to investigate it, but then we need to see your style.css file):
.content>aside {clear: left; float: none; width: auto; max-width: 100%; margin: 1em 0;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I am trying to put a page into a folder that is in my root html directory. All pages work correctly in the root but when I put them a level down inside a folder they break. I know this is easy for you awesome programmers! How can an idiot like me do it? Thanks for the best customer service for a theme ever! ~Tyler
Hey Tylertul,
Thank you for your comment and great feedback
Concerning your question if you want to place some of your custom page to subdirectory then please change also the reference to CSS files and js files on that new page. For example please change from:
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
to
<link href="../style.css" rel="stylesheet" type="text/css" media="screen">
or to
<link href="http://www.example.com/style.css" rel="stylesheet" type="text/css" media="screen">
and from:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
to
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/scripts.js"></script>
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Perfect! Thanks for such a great product and support. Waiting for Wordpress version!
You are welcome Thank you for the great feedback and please follow us on ThemeForest, Facebook, Twitter and Google+ to be informed about the release day.
Thanks and kind regards
Wonderful template! I have applied the class “color-azure” to the body to change the overall color theme and it looks great.
I used the contact page example, but I would like to have 2 buttons below the text input be in 2 different colors: Basically, my “Send” and “Reset” buttons are both azure, but I cannot seem to make the “Reset” be in the included “color-red” so that the user has them visually different. How can I change the color of a button to one that is not color-azure and still keep the overall theme in color-azure?
Thank you in advance.
It’s quite alright. I came up with a solution: If you want to apply an overall color theme but have one button a color from another theme (example: submit button azure and reset button red), you can apply a span:
<span class="color-whatever"><button></button></span>Again, beautiful theme and I hope this helps others with similar questions. Let me know if a better solution is recommended and I will make appropriate changes as I’m still learning this theme. Thank you.
Hey Mijopabe,
Thank you for your great feedback We appreciate it
You can use your solution or you can edit the style.css and adjust the color of the buttom in style.css (copy the color style from the style-colors.css).
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Thank you for this magnificent templates with all the elements and code provided.
Hey Mrmimo,
Thank you for your great feedback We appreciate it
Kind regards
On the blog page does this template come with scripts to automatically log the number of comments under a blog article.
Hey Tencents,
Thank you for your comment.
MultiPurpose is HTML5 template, so the feature of comments system is not included and you could implement yourself, depends on the CMS system you are going to use, however this feature will be inluded in the WP version, which we are planning to release soon, so please follow us on ThemeForest, Facebook, Twitter and Google? to be informed about the release day.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Okay so for someone new to this – all the fancy stuff shown on your template of comments left, stars plotted and categories grouped on the web page – none of that is functioning huh? How do I implement this myself?
MultiPurpose is HTML template, so that it depends on you how you will use it. If you need comments, categories grouping and star rating working you will need to convert it to your own content management system written in PHP / MySQL for example or convert it to some other CMS. As we written above we will be releasing WordPress version soon, so there comments system, automatic category grouping and lot of more features will work.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hey Tencents,
Thank you for your comment.
We are happy to inform that MultiPurpose WordPress theme (with lot of outstanding features) was finally released and it is available to download now on themeforest
Please have a look here: http://themeforest.net/item/multipurpose-responsive-wordpress-theme/9219359
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards,
ThemeMotive team
