Discussion on Loom - Multipurpose Responsive HTML5 Template


elemis supports this item


This author's response time can be up to 1 business day.

54 comments found.

Hi. I have purchased, but it seems to close the browser down when viewing on a tablet/ipad. have tried both android and IOS. See http://ciuk.eu/ci/ Any Idea?



Just checked your page with both iPad and iPhone but couldn’t reproduce the issue. Are you having this problem on our demo? We see that you have some unclosed elements. Fixing those might help: http://validator.w3.org/check?uri=http%3A%2F%2Fciuk.eu%2Fci%2F&charset=%28detect+automatically%29&doctype=Inline&group=0


awesome theme, I tend to stun everyone with how my website looks! I only have one question: is it possible to tweak something so that it loads faster? Even on a faster Wi-Fi connection, bigger galleries (like this one: http://feherbalazs.com/holi.html) can take some time to load, which makes the experience somewhat less stunning.


You need to add the default version of images in src attribute of img tag and the high quality versions in data-at2x attribute as seen in the logo example:

<img src="style/images/logo.png" data-at2x="style/images/logo@2x.png" alt="" />

That way only the visitors with retina displays will see the retina versions.

Many thanks, can I ask you to try my results quick on: http://feherbalazs.com/microsoft.html

Like you said, my computer wouldn’t display the regular images.

Yes we see the non-retina versions now.

Why do the sliders take so long to load? I am on a fast broadband connection and yet still seeing spinners. Ive seen comments on loading images but I have kept the file sizes down to about 100k which should not be a problem.

http://thesignlab.ie/demo http://www.thesignlab.ie/demo/promo.html only the contact page loads quickly http://www.thesignlab.ie/demo/contact.html

Loading speed depends on the page content, internet and hosting speed. When we checked your website all pages loaded fast. When you check the demo do you experience any slow loading?

You can try disabling the preload in the template, so you can see the content immediately without having to wait for all content to load to see the page. You will just need to remove the following code from all html pages:

<div id="preloader"><div id="status"><div class="spinner" /></div></div>

How do I remove the sticky menu?


Please open style/js/scripts.js and remove the “STICKY NAVIGATION” script which should be at the top, until line 21 (so you should leave the offset script starting on line 21).

Removing it will prevent the menu from being smaller and fixed at the top after scroll.

Hi there. I purchased this from you a few months ago, am just now really getting around to using it.

Along those lines, I’m working on some forms. There weren’t a lot of example of forms in the template, which is part of my problem. I’m good at modeling, less good at starting from scratch . . . hence purchasing a template in the first place.

In my forms (or the forms I was hoping to create using this template), there are some radio button items, a list where you can only pick one option. When using this template they are just . . . not formatting correctly. I’ve tried a bunch of crap moving elements around, trying things with inline CSS . . . sometimes the labels end up on top of the button, sometimes below, sometimes out to the side as expected, but a bit horizontally off kilter. The radio buttons themselves and their labels are just not aligning as expected, like they always did before whenever I did a form, which I have done several times. I know you’re probably thinking, I did the radio buttons incorrectly, but when I remove the template, they go back to normal, really.

In short: Might it be possible for you to share some code of how you would do a set of normal-looking radio buttons with labels for a form that could be within this template, if this template had that? Yes, I know, it didn’t originally feature any, but I just had no earthly idea this would actually be a problem.

Perhaps whoever wrote this template could just write how they would do it, and perhaps that’s entirely different from what I’ve tried thus far, and would actually work. Pretty please with sugar?

I would so appreciate it. Thanks!

It looks like there is some sort of well in my reply, but I did not intend that. Just ignore that thing, if you even see it, the content is as intended, thanks.

One more reply . . . replying to myself here, the whole thing I tried to describe above, how the radio buttons and their labels are not on the same line, but button, followed by a line break after the button, then a slight indentation before the label on the new line . . . it happens for checkboxes too, within this template.

As far as I can tell, no other form inputs are affected, but radio buttons and checkboxes render differently within this template than on the 3.1.1 docs.

Could you at least share screenshot of the issue so we can have a better understanding?

Hi, when using the Classic Portfolio on the home page, I intermittently get large gaps (around 100px) between the rows of the portfolio images. I have not seen this happening on your demo. I haven’t altered any CSS or anything. Have you heard about this problem before?


Sorry, meant to post it on the wordpress theme :)

Contact form error. Please help! It’s not working: http://xeniachowaniec.com/contact.html

Your hosting might be requiring SMTP authentication. Could you please try using SMTP and see if it helps?

I used SMTP but it’s still not working…


There might be something wrong on the server side. Could you please ask your hosting administrator to check that if mail() function in PHP parser is configured properly?

Hi I purchased your theme and loving it!! Thank you so much! I have a question to ask regarded the drop down menu when in responsive iphone mobile and cell phone devices I am having issues changing the colours of the dropdown menu can you please help? thank you


You don’t seem to have purchased the template. There is no purchased badge on your comment. Any chance you’re referring to the Wordpress version? If so, Wordpress version of Loom is released by a different author, tommusrhodus. You can contact him through Loom Wordpress discussions page: http://themeforest.net/item/-loom-multipurpose-responsive-wordpress-theme/7651449/comments or his support forum: http://tommusrhodus.ticksy.com/

If you are referring to the HTML version, could you please post your question with the account you purchased the item? Thank you for understanding.

Hi, I purchased this theme but I wasn’t aware that it I can’t edit it in wordpress. Yes, this is my first template :-). How do I add images and text to this theme?

You can ask for a refund from Envato support. Wordpress version is available here: http://themeforest.net/item/-loom-multipurpose-responsive-wordpress-theme/7651449

Hi there, i bought this theme and am very pleased with it. I do have one question though: If I use this Theme for a One Page Website, is there a functionality to use the navigation to scroll to different sections of the page?


Unfortunately such functionality is not available by default. You will need an additional script like this one for smooth scrolling http://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2/

Dear Elemis,

I tried to change the hover or the mouse over color at the nav bar but it won’t could you tell me which line in style.css or anywhere else I can change it .

thanks :)


The color css file might be overriding it. Please try to change the color of the elements from the color css file. If you use the default color, you can remove the link to color css from HTML files, that way the color changes through style.css will work.

Hello, I have purchased this template and enjoy it. There is one problem I am encountering. In the top menu bar, there seems to be some conflict with the javascript when identifying a destination URL for the parent menu item. In the example below, the “Resume” menu item is not clickable when I leave the dropdown functions in the code. I want that top link to go to resume.html, but it is non-responsive. Is there a fix / workaround? <li class="dropdown"><a href="resume.html" class="dropdown-toggle js-activated">Resume</a> <ul class="dropdown-menu"> <li><a href="education.html">Education</a></li> <li><a href="experience.html">Experience</a></li> <li><a href="skills.html">Skills</a></li> <li><a href="internships.html">Internships</a></li> <li><a href="awards.html">Honors|Awards</a></li> </ul> </li> Thank you!


You can enable their links by adding ”disabled” class to the menu items with dropdown. Like this:

<li class="dropdown"><a href="resume.html" class="dropdown-toggle js-activated disabled">Resume</a></li>

On the “portfolio-post2” page, I am trying to remove the arrows around the “related works” div toward the bottom. I understand it has to do with the owl slider/carousel/etc but am unsure of what to change to remove them. On a few of the pages I have removed the main photo, which has removed the arrows that go with the “related works” div. However, on the pages where I have kept the 770xX picture, I cannot seem to remove the arrows but only have three publications so the arrows aren’t necessary. What part of the code should I remove/change to remove the arrows?


In style.css please find the following code:

.owl-carousel .owl-controls {
    display: block !important;

and change it as follows:

.owl-carousel .owl-controls {
    display: none !important;


First off, really clean template – thank you! Just a quick question: I can’t figure out how to make the home page 1920×550 slider area accommodate 1920×1080 “full-screen” images. This is probably right in front of my nose, I just can’t see it/find it. Any help would be appreciated.


You can find instructions on how to make the slider fullscreen in the slider-help documentation inside the template package.

Ah ha, of course – Another lesson to just read the documentation first. Sorry about that. Thanks again!