MALIN - Perfect Coming Soon Template
Themeforest MALIN - Perfect Coming Soon Template HTML Template
About MALIN
MALIN is an innovative Coming Soon, clean and elegant for every creative people, corporates, agency, e-commerce, business, portfolio etc…
MALIN has been built with the Framework Bootstrap 3, responsive on every screens, easy to customize, HTML5 verified 100% by the W3C, CSS3, SASS and Mailchimp.
A documentation is provided in your download pack for your customizations, you have also the possibility to contact me for more help
Changelog
(20/08/2015) - Update for the full pack, if you have purchased this item before the 20th August 02:30 (UTC+10), please download the new version available now
Credits :
- The pictures are not provided in your download pack, you can easily find them on The Stocks
- Tutorials used from Codyhouse
Greetings. Im wondering, how do i change the date for countdown?
ReplyDeleteHello,
ReplyDeleteThanks for having chosen MALIN
Please check the documentation provided in your download pack, everything is explained
Best
Thank you soo much. Im a bit lazy and dont wanna look at the documentation sooo yeee xD hahahah
ReplyDeleteYou’re quite welcome
ReplyDeleteHi Madeon08,
ReplyDeleteI noticed that when you open the home page of the boxed slideshow template, the slideshow height is not 100%. It shows roughly 20px of the #main-about section below. I reckon the home-part allows for the horizontal scrollbar, which it actually doesn’t need. Is there any solution for this?
Thanks.
Hi!
ReplyDeleteThanks for having chosen MALIN
Can you provide me a link for seeing?
BTW, try this :
On the CSS rule called #home-part, add the next properties :
width: 100vw !important;
height: 100vh !important;
Best
Hi,
ReplyDeleteI’ve tried that. It doesn’t do the trick..
The website is: http://www.sqprojects.com.au
but it is also present on the templete website: http://themehelite.com/themeforest/malin/index-3.html
Thanks for the effort.
Hi,
ReplyDeleteI just visited your website and I don’t see any problem regarding the slideshow.
I don’t see any pixel about #main-about.
What browser are you using? Maybe you have a custom toolbar on your browser creating this gap?
Keep me posted.
Hi,
ReplyDeleteI purchased your template (MALIN) recently, but I noticed that double tapping on a mobile phone does not zoom in, do you have a solution for this?
Thanks
Rex
Hi,
ReplyDeleteThanks for having chosen MALIN
This feature is probably disabled by the scroll plugin used on this template.
Maybe edit the viewport settings in the head tag could solve this.
Have a look here for more info : http://meta.stackexchange.com/questions/217543/double-tap-doesnt-auto-zoom-anymore-on-mobile
Best
Hi Madeon,
ReplyDeleteI actually tried that before messaging you
It is not working unfortunately, is there some other way to fix this?
Thanks
Rex
Oh ok
ReplyDeleteMhm, maybe edit like this the js code for the plugin scroll in your main js file :
$(function() {
$('body').bind('mousewheel', function(event) {
event.preventDefault();
var scrollTop = this.scrollTop;
this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
//console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
});
});
var ifTouchDevices = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone)/);
// ScrollBar on Desktop, not on Touch devices for a perfect ergonomy
function scrollbar(){
if (ifTouchDevices){
$('body').addClass('scroll-touch');
$('a#open-more-info').on( "click", function() {
event.preventDefault();
var target = "#" + this.getAttribute('data-target');
$('body').animate({
scrollTop: $(target).offset().top
}, 500);
});
}
else {
$('body').mCustomScrollbar({
scrollInertia: 150,
axis :"y"
});
}
}
scrollbar();
Best
Hi, I tried the suggested, but it does not work either
ReplyDeleteDid you test the code?
Add this before the function :
ReplyDeletevar ifTouchDevices = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone)/);
I used this code in a previous project.
Hi, still not working are you sure that if the cause of the problem?
ReplyDeleteNo but even if you combine viewport tag and the jQuery it’s not working?
ReplyDeleteOk, at least something is happening now, but when I double tap, the screen actually zooms out instead of zooming in, do you perhaps know why this happens?
ReplyDeleteHonestly I can’t give you more instructions about that
ReplyDeleteI found a solution, instead of – <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=yes”/> suggested by the website you referenced, use – <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=2.0, minimum-scale=1, user-scalable=yes”/>, then the pinch gesture to zoom in and out will work, hope this helps someone else that needs this functionality
ReplyDeleteAlright! Thanks a lot for sharing this solution
ReplyDeleteHello,
ReplyDeleteI want to remove the countdown timer from about us page and from everywhere. How to disable that.
Thanks.
Hello,
ReplyDeleteThanks for having chosen MALIN
Remove this html code in your html file :
<div id="countdown_dashboard">
<!-- Days / if you need only 2 figures for the day, delete the first line <div class="digit">0</div> -->
<div class="dash-glob">
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
<div class="text-right">Days</div>
</div>
</div>
<h3 class="text-news">...before the<span class="point"> Grand Opening</span></h3>
</div> <!-- .countdown_dashboard -->
And this part in the main js file used by the varient your have chosen :
// Set you end date just below
$('#countdown_dashboard').countDown({
targetDate: {
'day': 31,
'month': 12,
'year': 2016,
'hour': 11,
'min': 13,
'sec': 0
},
omitWeeks: true
});
Best
hi,
ReplyDeletewe have problem with Malim template.
when I have site open in the browser the memory increse rapidlly
after night 14GB usage in microsoft Edge
in firefox this same situacion
please help
test link:
http://serwer1623303.home.pl/LABID/
Hello,
ReplyDeleteThanks for having chosen MALIN
Very strange because there is no “power eater” plugins in this template.
Will have a look later today on a computer to see that (I’m on mobile phone currently)
Best
http://serwer1623303.home.pl/LABID/error.png
ReplyDeletethis error
Honestly, dificult to see what’s the problem on my side.
ReplyDeleteMy computer does not seem to get any problem with the template.
Hi my name is Daniel Vargas and I bought your Malin template last week. I dont hace any knowledge about web page programing. I have my domain and hosting in godaddy. I dont know how to installed it. I really need your help, I tryed with many youtube videos but I couldnt.
ReplyDeleteHope you can help me via Skype so ill know how to do it in the future.
Thanks,
Daniel Vargas
Hi Daniel
ReplyDeleteThanks a lot for having chosen MALIN
The easiest way for installing the template is via FTP :
Step 1 – Log into your hosting space via an FTP software (Filezilla for example).
Step 2 – Unzip your Download Pack file and open the extracted MALIN template folder.
Step 3 – Upload the HTML file corresponding to the variant of your choice along with all directories (css,js,php,img) in the structure that they appear in your download package. Then, the HTML file should reside in the root directory, and all other files should reside inside their associated folder.
Best
How to I link to the Newsletter section from an external page?
ReplyDeleteOr is there a way to have the page open on the Newsletter section, so I can create a separate page and link to that?
Apart from this issue I think it’s a fantastic template. Very easy to install and configure. Thank you
Hello!
ReplyDeleteThanks a lot for having chosen MALIN and for enjoying it
If I understand, you want that when the user clicks on the newsletter button, it’s redirected to an external page?
No. I want to link from an external web page to directly to the Newletter section
ReplyDeleteNot sure if it’s possible but let me check if I can do something.
ReplyDeleteI keep you posted.
Much appreciated. Alternatively, is there a way for the page to open on the Newsletter page (then I can simply have another page like this and link to that) Anyway, your help is really appreciated and I think your work is awsome
ReplyDeleteThis is what I’m trying to build
ReplyDeleteI’ve almost found the solution
Found what you need I guess
ReplyDeleteI take example for the not “boxed” variant.
Open main.js and add this :
var hash = window.location.hash;
if(hash == "#newsletter") {
$('#content-part').removeClass("right-content opacity-03").addClass('');
$('.overlay').removeClass("").addClass('darky-overlay');
$('#home-part').removeClass("right-home opacity-03").addClass('');
$('#home-part .item-title').removeClass("fadeIn").addClass('fadeOut');
$('#newsletter-part').removeClass("opacity-0 right-home newsletter-touch opacity-03").addClass('');
$('#newsletter-part .item-title').removeClass("fadeOut").addClass('fadeIn');
$('.mCSB_scrollTools').removeClass("mCSB_scrollTools-left").addClass('');
$('#navigation').removeClass("translate-nav");
$(".open-menu-mobile").removeClass("dark-button translate-button");
$(".opening-menu").removeClass("display-none");
$(".closing-menu").addClass("display-none");
setTimeout(function() {
$("#mcs_container").mCustomScrollbar("scrollTo", "#main-about",{
scrollInertia:500,
callbacks:false
});
}, 601);
}
Just below this :
$(document).ready(function(){
Now, if you open your page with simple anchor newsletter, the newsletter form will be displayed
Example : http://www.your-example-website.com/index.html#newsletter
You are a GENIUS, Thank you !
ReplyDeleteI closed the function, so made
$(document).ready(function(){ to
$(document).ready(function(){}) and this works
Have a great weekend.
Oh thank you
ReplyDeleteYou’re more than welcome!
If you have few minutes, I would be very grateful if you could rate my item MALIN on this link : https://themeforest.net/downloads
Have a great weekend too
Unfortunately this addition to the main.js sets the countdown to 0 days and stops the More Info link from working Any Suggestions?
ReplyDeleteNot on my side, strange.
ReplyDeleteYou shouldn’t have had to close the function, if you copy/paste the code I provided you, it’s working.
Any link to send me to see your files?
Problem sorted… I was updating an old version of main.js (which I must have altered & obviously had errors in it) Used a fresh version, added your customisation above and all working fine. Many thanks once again.
ReplyDeleteIn case you want to see an example of your template in action… http://www.canasticus.com
Alright
ReplyDeleteThanks a lot for the link, the website looks great!
Have a great weekend again
Hi Madeon08,
ReplyDeleteMalin is an awesome theme . Can you please advise me on how to make the WE ARE text rotate like the bottom text on the main page. I am looking to have the below text syncing together:
OUR NEW WEBSITE IS – (Top Text)
COMING SOON! – (Bottom Text)
WE ARE – (Top Text)
AWESOME – (Bottom Text).
Thank you
Hello,
ReplyDeleteThanks a lot for having chosen MALIN and for enjoying it
I don’t have the code under my eyes, but you just have to add a br tag between the 2 parts of your text it seems to me.
Best
Thanks for getting back to me. But can you please tell me on how to make the first part of my text rotate as well? At the moment, just like the demo it’s WE ARE. I want that to change between WE ARE and OUR NEW WEBSITE IS.
ReplyDeleteThank you
Hey,
ReplyDeleteOk I understand better now
Basically, the structure looks like this :
<h1 class="cd-headline letters rotate-2">
WE ARE
<div class="cd-words-wrapper">
<b class="is-visible">COMING SOON!</b> <!-- use the code to add a space between 2 words -->
<b>MAGICIANS</b>
<b>RESPONSIVE</b>
</div>
</h1>
Replace it by this :
<h1>
<div class="cd-headline letters rotate-2">
<div class="cd-words-wrapper">
<b class="is-visible">WE ARE</b> <!-- use the code to add a space between 2 words -->
<b>THEME</b>
<b>HELITE</b>
</div>
</div>
<div class="cd-headline letters rotate-2">
<div class="cd-words-wrapper">
<b class="is-visible">COMING SOON!</b> <!-- use the code to add a space between 2 words -->
<b>MAGICIANS</b>
<b>RESPONSIVE</b>
</div>
</div>
</h1>
Have a great day
Hi! When I publish the page on my server, the section of Google Maps stops working (yaramma.com). I can not find the error. Thanks!
ReplyDeleteHi!
ReplyDeleteThanks a lot for having chosen MALIN
The map is working for me, as you can on this screenshot : https://s9.postimg.org/9u46gji1r/Capture_d_e_cran_2016_10_09_a_22_13_45.png
Your map may requires an APIKey, click on the following link and then, on the button GET A KEY : https://developers.google.com/maps/documentation/javascript/get-api-key
Please let me know if you have any further questions, or if I can help with anything else.
Where do I enter the API key? Thanks.
ReplyDeleteAt the end of your html, in the google script.
ReplyDeleteLike this example :
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"
type="text/javascript"></script>
Hello,
ReplyDeleteIs this template developed same as wordpress. If i purchase the template will i be able to make the changes same as Wordpress.
Also, i have seen all the templates have vertical navigator, can i change it to horizontally.
Thanks.
Amandeep
Hello,
ReplyDeleteThanks for your interest for MALIN
This is not a Wordpress theme, it’s simply a HTML template.
You can’t edit it with Wordpress.
BTW, with a few modifications you can get an horizontal menu bar.
Best
Hello,
ReplyDeleteIs it possible to change the navigator from vertical to horizontal. Will you let me know where to change and code is required to change.
Also, can i change the background of it with my prefered image.
Regards,
Amandeep Singh Deol
Hello,
ReplyDeleteThe response is yes and yes
Best regards
Hi, have a little problem with your template. On index-1.html, if I delete line “div id=”map”/div” the automatic scroll doesn’t work. Why ? Regards,
ReplyDeleteHi,
ReplyDeleteThanks very much for purchasing MALIN
I guess the problem comes from the google map script in the main.js file, can you try to remove it?
Best regards
Ok, I have just find all anchor are in main.js. Thanks a lot for you quick answer.
ReplyDeleteYou’re welcome
ReplyDeleteCan i expand the portfólio section with more itens? (If yes) and maybe some kind of filter to categories?
ReplyDeleteHi,
ReplyDeleteYou can add more item yes, just duplicate in your HTML the existing ones.
There is no filter unfortunately.
Best regards
Hi, it seems the only way to get a video running in the background is via a youtube link. What change would be required to support FTP hosted videos? I understand this might not be easy, so any advice would help. Thanks!
ReplyDeleteBonjour!
ReplyDeleteVous êtes français visiblement
Je vous remercie d’avoir choisi MALIN, en effet il faut que la vidéo soit sur YouTube…
Pour utiliser une vidéo de votre serveur, il faut utiliser et intégrer un autre plugin, je peux vous le faire pour quelques € si cela vous intéresse
Vous pouvez me contacter via le formulaire de contact sur ma page de profil.
Cordialement!
Hi, I’m thinking about buying. I really like what you have designed. Why am I wondering? I’m worried about scrolling on the phones. This is not smooth. I have the impression that it is trimmed. Can it be done to work smoothly? I am waiting for a response.
ReplyDeleteHello!
ReplyDeleteBasically, the scroll is smooth with the plugin used, but you can easily disable it, I can provide you the code to do this
Excellently! Smooth on the computer. Smooth on the phone when I click on the menu. I have a problem with scrolling when I touch the screen and I want to slide down. “I swipe my finger,” and the page should go down quickly. But here it stops. You can not fast-forward a “one-page” page. If you help me solve this, I will gladly buy your template !
ReplyDeleteI see what you mean, this is due to the scroll plugin used, making a very smooth scroll on desktops.
ReplyDeleteI will help you for sure
Okay, so we’re doing a deal
ReplyDeleteKeep me posted once you will have proceed to the purchase by sending me an email through the contact form on my profile page
ReplyDeleteOkey.
ReplyDeleteBonjour et merci pour ce thème!
ReplyDeleteJ’aimerais savoir comment supprimer le voile grisé qui recouvre le slideshow?
Par avance merci !
Bonjour!
ReplyDeleteMerci beaucoup d’avoir choisi MALIN et pour les 5 étoiles
C’est très simple, dans votre html vous avez juste à supprimer la div suivante :
<div class="overlay">.</div>
Bien cordialement
Génial, mille mercis!
ReplyDeleteDe rien!
ReplyDeleteHi!
ReplyDeleteI’m trying to modify the newsletter screen and add some extra fields, but I’m not able to retrieve the data, can you help me to find what I’m doing wrong?
))$/;
if (p.test(h)) {
$(”.message”).removeClass(“error bad-email success-full”);
$(”.message”).hide().html(’’).fadeIn();
$(”.fa-spinner”).addClass(“fa-spin”).removeClass(“opacity-0”);
o.show();
e.ajax({
type: “POST”,
url: s,
data: {
email: h,
name: name,
code: code,
newsletter: newsletter
},
dataType: “json”,
error: function(e) {
var r = e(this);
var i = e(this).find("input[name=email]");
var name = e(this).find("input[name=name]").val();
var code = e(this).find("input[name=code]").val();
var newsletter = e(this).find("input[name=newsletter]").val();
var s = e(this).attr("action");
var o = e(this).find(".note");
e(this).on("submit", function(t) {
t.preventDefault();
var h = i.val();
var p = /(([<>()[\]\\.,;:\s@\"]\\.,;:\s@\"])*)|(\".\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]\.)+[a-zA-Z]{2,}\
Hi!
ReplyDeleteAdd extra fields to the newsletter form needs some JS and PHP developments on the notify-me(-2).php and notifyMe.js files.
I can do the job for you as freelance work for some dollars.
If you are interested, you can get in touch with me through the contact form on my profile page
Best regards
Hi, awesome theme! Before I purchase, I wanted to address that the theme seems to be not working properly in Safari
ReplyDeleteIssue:
Safari 10.0 ….
From your theme demo page, while viewing demo #2 “Mozaic”, and going to the About page, trying to navigate back and forth between the pages “Services”, “Contact”, and “About” sometimes works, sometimes does not. It’s intermittent. For example I cannot always get to one page unless I first go to one of the other pages. (iMac running Mac OS X Yosemite 10.10.5 with Safari browser 10.0.1)
Safari 10.1 ….
Works perfectly in Safari 10.1 (Macbook running Mac OS X Sierra 10.12.5 with Safari browser 10.1.1)
.
This issue may be worth investigating as Safari has 9% of the browser market. If you identify the issue, would you let me know the projected fix date, thank you! Looking forward to purchasing this theme.
Hi!
ReplyDeleteThanks for the message!
I will get a look on that today
I keep you updated here
I made some tests and it looks like a performance issue from Safari as it’s working fine on the other browsers. If we remove the transition effects on the moving divs, it’s working, but indeed, as it’s basically, it’s random.
ReplyDeleteThank you. Apparently this is a known issue. There’s a github page with discussion and solutions here: github.com/Prinzhorn/skrollr/issues/342 ...seems there’s a few fix suggestions mentioned in various posts, including the last two posts, may be worth a look.
ReplyDeleteThanks for the link, I will get a look on it tomorrow morning
ReplyDelete1) Does your theme’s CONTACT FORM require Mailchimp, or can I use my server’s smtp?
ReplyDelete2) Does your theme include coding to easily enable CAPTCHA ?
3) If not, then do you provide documentation or support on how to add CAPTCHA?
The Vincennes Eye Center is dedicated to providing expert medical and surgical eye care with a focus on vision correction and Cataract Surgery. Call for an appointment today 812-421-2020Life never looked so good... You'll see!!! LASIK
ReplyDeletelistoutnow.com well you are really good in this !
ReplyDeletelistoutnow.com Splendid !
ReplyDeletehello dear here is my all css tricks and more HOME you can visit our website for awesome css tricks
ReplyDeleteocial Icon Pure CSS tricks hover 3D CSS Effects
Pure CSS tricks how to create Lightweight Hamburger Menu with JavaScript
how to make graphs bar with pure CSS tricks
pure CSS tricks Rubik's cube animation with SVG
How to creating a Graph Bar with pure CSS Grid
Pure CSS tricks with make a Custom Range Slider
thank for read my comment dear
It's really a nice and useful piece of information. I am satisfied that you shared this helpful info with us. Please stay us up to date like this. Thanks for sharing.
ReplyDeleteWe carry out all the necessary Home Improvement Companies works required in any project that we undertake. This includes new installations, extensions or alterations of existing systems, or repairs and servicing. We provide a reliable, high-quality, and most importantly, competitive service.
This comment has been removed by the author.
ReplyDelete