Discussion on SCRN - One Page Responsive Parallax Template

Discussion on SCRN - One Page Responsive Parallax Template

Cart 2,986 sales
Well Documented

clientica supports this item

Supported

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

284 comments found.

Will this template be updated with the latest Bootstrap version?

Hello, sorry there are no plans to update it.

Hello Author,

Why if I change some of the section for example I modify the code, it will break the template like header not appear?

Hi, I answered to your question on the ticket you opened.

Hi Author, how is going with error on template? I have send you the zip file, thanks

Answered.

Hello,

I am having an issue with a website I created for my church using your template: http://www.iemmanuel.org/em/

My issue is as follows,

When I open the home page(STAFF and MINISTRY section) on a mobile device, because of the lack of a mouse, I lose the “hover” functionality that shows the text on each panel when I hover over. I don’t want to ruin the functionality of the home page on computers in order to fix the problem, but I want some sort of resolution to this problem. Is there any way I can get the text to show on each panel on phones and other mobile devices?

Thank you.

Hello,

Yes there is a way by adding some media queries so that content is positioned relatively (on smaller screens) and not absolutely as it is now.

How can I do that? Can you show me how to do it?

Send me your files and I’ll do it for you: hello@wearekllr.com

Hi author,

I try to open the demo in Safari but it doesn’t open the demo pages at all. I’v version 10.0. Is that the issue?

Hi, are you sure you wanted to post your comment here? This is the item page for the SCRN HTML Template.

I just downloaded the most recent version and if I remove specifically the vimeo sample gallery item, it breaks the page, removes the background images and animations. I could even change just the class to youtube and it breaks it.

any help is appreciated!

Hello,

You have to remove the classes in the scrn.js file too.

For example, if you remove the .vimeo class, open the scrn.js file and remove, or comment, this line:
$('a.vimeo').vanillabox({
    type: 'iframe'
  });

Thank you!

Hello. Is there a way to set the navigation to function similarly to how it’s done here, with navigation at the bottom of the screen on the home landing page, and then it bumps to the stop of the screen as a sticky navigation upon scrolling? http://wearekllr.com/demos/scrn/demos/index.html

Hello, I’m not sure I understand what you mean.

Thanks, I’m planning an update to correct this.

Hello, the background pictures that do the Parallax are working OK in computers, but in mobiles and tablets they show up too big.

Where can I resize them?

I tried in skeleton.css, but to no avail.

You can see it here

www.wop.pt/Working/index.html

Thanks, pedro

Hi, I answered you on the support page. Best regards

Hey, is it possible to filter the data in Div Services-Work Gallery to something specific when you open the site, instead of all? thanks in advance

Hello,

Yes it’s pretty easy.

In your scrn.js file you’ll find the following code:
// mixItUp
$('#work-container').mixItUp({
  controls: {
    activeClass: 'on'
  }
});

Change it to look like this:

// mixItUp
$('#work-container').mixItUp({
  controls: {
    activeClass: 'on'
  },
  load: {
    filter: '.category-1'
  }
});

It will load only the category-1 initially.

Great, thanks for the support it works!

Hi, I bought this theme and I cant upload it to Wordpress …. Why is that happening? Help! Thanks

Hello, This is the HTML version, you can found a WordPress version here: http://themeforest.net/item/scrn-responsive-one-page-single-page-portfolio/2964855

Awesome thank you! I would like to get a refund because my mistake. Can you help me with that? Thanks

Contact Envato support and they will give you a refund.

HI how can i change the background of the blog template to white from black on SCRN template? colorization is enabled and I played around with SCRN option on the page settings to White as well as Custom #FFFFFF but it still comes up as a dark grey background with white font color. Do I need to override the Css? What’s the blog css class ?

Hi,

Wich version do you have? WordPress or HTML? You don’t appear to have bought the HTML version.

Wordpress, why?

Hi there,

Have you added woocommerce functionality to your theme?

Hello,

This is the HTML version. I think you wanted to post in the WordPress version here: http://themeforest.net/item/scrn-responsive-one-page-single-page-portfolio/2964855

Hey I am having a couple issues:

1) Once the page is compressed to about 650 px wide the individual projects don’t align correctly. This leaves an issue on mobile devices.

2) I can’t find the area in the coding where I can place my own pictures in the circles under “services”. I’m not the most proficient in coding.

3) How do I change the favicon and the tab header

thanks in advance!

Hello,

1) The different heights in the work elements is causing this issue, try adding the class: “match-height” to all the elements. Ex:
  <div class="col-lg-4 col-md-4 col-sm-6 mix category-1 match-height"> your content </div>
2) You could disable the scrollReveal plugin by commenting this line at the bottom of the HTML files.:
  <script src="assets/js/scrollReveal.min.js"></script>

About the font-awesome, do you have in your folder structure a fonts folder with the font-awesome fonts?

Best regards

1) I change the coding to match yours but I’m still getting the same issue

2) Is there a way to maybe speed up the inertia of the reveal speed so it reveals sooner?

3) I have my folder structure set up identical to the download file /../../assets/fonts and all the files that came with the download are within.

thank you

- Johnny

<div class="col-lg-4 col-md-4 col-sm-6 mix category-1 match-height"><a href="log-cabin-getaway.html"><img alt="" class="work-thumb img-responsive" src="assets/images/projects/log-cabin-getaway/thumbnail-1.jpg" /></a> </div>

Hi,

I can’t replicate your issue, so it would be easier if you send me your files to: info@themenom.com

About the scrollReveal speed, there are some settings that can be changed to improve the speed, I can do it for you too.

Hello Rodbor

Any news or probable date for the release that will include the filtering in the “WORK” section, as it was considered in your update list.

Hope to hear from you soon

best regards

Hi, it will be released this friday.

Glad to hear it! thanks in advance

Hi mate,

Your template might be having issues with the images of the blog section in the preview. You might lose your audience. Happy to help.

Thanks, it’s fixed now.

Awesome work! Easy to use and beautiful.

But I’m having issues with the bg pictures on the iPad. The bg1 looks like it has a super zoom, and bg2 sometimes repeats on the middle of the separator.

And this is happening on the demo as well. Is there a work around?

Thanks for the great work!

Hi,

I will try to improve it in the next update.

But it’s not an easy task due to the width/height ratio of the images in desktop screens and small screens being completely different.

Hi Rodbor I’ve just check out the update and looks really cool. All the new features are great improvements.

But i have one question? are you planning in the near future to implement some kind of sort method or filtering for the “WORK” section.

Something like the ones on the portfolio section of these templates: http://themes.iki-bir.com/frost/raleway/#portfolio http://themeforest.net/item/jarvis-onepage-parallax-theme/full_screen_preview/4773311 http://oxygen.goldeyestheme.com/oxygen/index1.html

Hope to hear from you soon

best regards

Hi,

Yes it’s in my future updates list. Probably to be released in the end of this month.

Hey

Thanks for the good news! Hope to see it soon.

Best wishes

It was me who mentioned the hover transition effect for the navigation links… and you added that, which is great!

However, I have now noticed an odd behaviour from v3.2 on:

- Load the template - Scroll down a bit - Reload the site (with F5 for example) - The navigation menu disappears when you scroll UP, it is only visible from the point downwards where you reloaded the site.

This isn’t not a very important bug by any means… but I wanted to mention it nevertheless.

Yes I just noticed this. I will try to get it fixed in a next update.

The menu works fine in the new version.

Just one last question: In earlier versions (before 3.0), there was a shadow effect between the first and second layers… which added to the parallax and 3D effect of the site. Check these images:

No shadow:

Shadow:

Is there any way to add that effect to the current version?

Thanks in advance.

Hi, I’m going to release an update today and I will include this.

Shadows are in now, great! Thanks for that.

Hi,

I have checked the new version and the scrolling is indeed fixed now… the images show up correctly and there is no height switching.

However, there are a few problems with the menu.

For example, if you make the window smaller, scroll around and then make it bigger again, the menu is messed up.

Reproducing steps for that (with Full HD res. in Windows 7 with FF):

1. Maximize window

2. Resize window width to your liking and check the menu – the coloured part gets smaller but not bigger… the items are not correctly placed… the dropdown button doesn’t appear etc. (if you reload, it is OK again).

3. If the window and thus the menu are smaller, scroll down for example… and then maximize the window again.

=> Menu is messed up as well.

These problems didn’t occur that much with the old slim menu implementation before the bootstrap update. Plus, the old menu looked nicer thanks to the color transition effect.

So, is there a way to fix the current menu? And is there a way to add the color transition back?

Thanks in advance.

Answered on the support page.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey