Discussion on Alpine - Responsive One Page Parallax Template

Discussion on Alpine - Responsive One Page Parallax Template

Cart 808 sales
Well Documented

MilkshakeThemes supports this item

Supported

143 comments found.

I like your theme and was considering purchasing it. However, I had a question. Is it possible to have the menu already at the top of the page instead of at the bottom of the slider images? I’d rather have the visitor immediately see the menu instead of having to scroll down to it. Thanks.

How do I choose this option? I moved some code around and now the slider doesn’t work.

Hello, it’s really very easy to get what you want. You simply move the code block “navbar” before the block “home section.”

Enjoy :-)

For more support please contact me on support area: http://themeforest.net/user/creativeispiration#contact

Hey guys, I am trying to get some portfolio items to work out but i keep getting ´Cannot load content´.

So here is the code <div class="portfolio-item branding photography"> <div class="portfolio"> <a href="#!portfolio/grolschcommercial.html" class="zoom"> <img src="images/portfolio2.jpg" alt="" /> <div class="hover-items"> <span> <i class="fa fa-youtube-play fa-4x" /> <em class="lead">Grolsch Kornuit</em> <em>Commercial</em> </span> </div> </a> </div> </div>

Am i doing something wrong here? The portfolio item in the portfolio folder has already been renamed to grolschcommercial.html but it just won’t go.

Any ideas?

This is the portfolio filter:

<div class="element-line">
  <div id="filters" class="mybutton small">
    <a href="#" data-filter=".branding"><span data-hover="Branding">Branding</span></a>
    <a href="#" data-filter=".design"><span data-hover="Design">Design</span></a>
    <a href="#" data-filter=".photography"><span data-hover="Photography">Photography</span></a>
    <a href="#" data-filter=".videography"><span data-hover="Videography">Videography</span></a>
    <a href="#" data-filter=".web"><span data-hover="Web">Web</span></a>
  </div>
</div>
This is the portfolio item:
    <div class="portfolio-item photography web">
      <div class="portfolio">
      ....................
      </div>
     </div>

For example, this element of the portfolio will appear in the category “photography” and “web”. If you want it to appear also in the category “branding” you must add it to the other. See below:

    <div class="portfolio-item photography web branding">
      <div class="portfolio">
      ....................
      </div>
     </div>

Thx! it works fine. Thank you.

How do I “pause-at-start” the slideshow/carousels in the “our services” and “your feedback” section?

At the moment these slideshows automatically play. I would like them to be paused at the start, and only advance to the next slide when the user clicks the arrow (or swipes etc)

I tried to follow the docs for FXSlider but I couldnt get anything to be paused at the start.

Can someone help? Thanks

Hi, for stopping the animation you must open the file js/jscript.js and ad the (slideshow : false) parameter to flexslider call, +/- on the line 46. See below for example:

$('.flexslider').flexslider({
    animation : "slide",
    slideshow : false
});

Enjoy :-)

If you like the support and the Alpine Theme please rate us!

Thank you so much for this, it worked!

I have just noticed a small issue with the portfolio section. When you click on a filter (i.e Branding, or Design), the back and forward arrows navigate through the whole portfolio, and not the filtered one.

Is there a way so the back and forward buttons navigate the filtered results ?

For example, if I choose “Branding” I want to go back and forth for the branding projects only.

Hello, buttons previous | next of the plugin portfolio work on all elements of the portfolio not on the filtered items.

Yes I know that, but from usability point of view, they should only work on the filtered items. I have seen some other themes that work this way, so it is possible to do it.

Ok, now I am looking for the problem. For more support contact me on support area

Can this theme be easily changed into a boxed layout?

Sure, it’s really very simple! In addition, the code is very well documented.

Hello, When I view your demo page http://www.creative-ispiration.com/themes/alpine/ on my smart phone it appears mobile ready. However when I view my page on my phone it doesn’t just looks like a small version of desktop page. any ideas? www.repesentshop.com

Hello, your site: www.repesentshop.com not seem to work. I get the error message: Unable to contact the server.

Let me know when it goes back to being visible I try to take a look.

Because you use a frameset:
<frameset rows="100%,*" border="0">
  <frame src="http://printing.representshop.com" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

Frameset is not compatible with responsive layout.

Thanks for your support Kido, I’m wasted my time all day, waiting for your answer, but nothing, by the way, I’m fixed the problem and is work in GOOGLE DRIVE HOST without your help. Healthyproof.com

Maybe if you use less arrogance is easier than you help.

arrogance,naaa my friend, My point is…. if you sell your products and you have 338 Purchases, We need your help because for many, this is our business THAT’S IT! unless your coder WP version before answering our questions, Everything is fine ! Carter

Hi There! :), Im found a little problem here (I think is not a big deal for you)

Always, testing some themes in Google drive like a (host) , and never had problems like this, check my site healthyproof.com Html5 and CSS like I say work like a Champ!, but your background not and neither google maps ...at least, you desabled https://support.google.com/chrome/answer/1342714?hl=en , sooo, Why I can do? you can help me to modify the code to put the videos locally(background) <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> <source src="videos/splash.webm" type="video/webm"> <source src="videos/splash.mp4" type="video/mp4"> Video not supported </video>

Test: healthyproof.com

Your theme, not soport google drive? soo and my idea is not to hire a hosting service when I already have google apps for business

Give me a option men, but please dont say!! we cant do that, because like a say, Im tested a lot themes a never happend this,

and other question,? Is possible put 2 or 3 consecutive videos in the background video1 and then video2, video3 l Thanks and I expect your prompt response! Klanbite

Test dude! Test

and Thanks for your advise

Hi, Kido, Thanks for your theme, looks A1++,

I have some questions,

Dont know why is not work, by defualt your current video, local neither in my server, but I can see over and over your demo its work fine, Im tried in 3 computers, and nothing, diferents Browsers .. etc inc my Iphone, can you give a hand, my site is….. healthyproof.com <!-- Home Section --> <section id="home" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20"> <div class="intro-video"> <a id="video-volume" onclick="$('#bgndVideo').toggleVolume()"><i class="fa fa-volume-down" /></a> <!-- Video Background - Here you need to replace the videoURL with your youtube video URL --> <a id="bgndVideo" class="player" data-property="{videoURL:'http://www.youtube.com/watch?v=Ufnf0ecwzVI',containment:'body',autoPlay:true, mute:true, startAt:115, opacity:1}">youtube</a> <!--/Video Background --> And My Contact (Google Map is not work) Regards Klanbite</div>

Is working like a Champ! was the f**ng chrome!! https://support.google.com/chrome/answer/1342714?hl=en

Hi, I’m glad you solved your problem!

ok can you please tell me how i can change the color of the nav bar.. I need it to be white. with no fade in it … its to dark for me right now … i have searched and searched in the css and cant figure out where to take off the fade and just make the nav white … thanks in advance !

For change the color open and edit the css/style.css file the class is .navbar-inner +/- on the line 250.

The video just stopped working on the home page …. it was working and then POOF it wont load anymore … I am using the video that came with the theme … so its not the time issue …

<a id="bgndVideo" class="player" data-property="{videoURL:'http://www.youtube.com/watch?v=Ufnf0ecwzVI',containment:'body',autoPlay:true, mute:false, startAt:115, opacity:1}">youtube</a>

I’ve looked at your site in Firefox and Chrome. The video works fine. Why do you say that does not work!

im sorry its my bad …. for some reason, chrome was caching the page without the video .. i got it fixed thank you .. i do have another issue which i will start a new comment thread .. thanks for the amazing theme !

Hi, I’m glad you solved your problem!

Hello I got this website up but I can’t seem to fix the ‘scrolltoview’ javascript when clicking the navigation, it just jumps to the section right away. Can you tell me where I wen’t wrong.

Site here: www.new.mcnfreedom.com

How did you get this theme? You have not purchased the Alpine theme! This is not allowed! If you want to use it you have to buy the alpine theme. Use the Alpine theme without having bought it violates the rights of copyright and I have to report it to ThemeForest staff.

Finally, the support is only for those who have purchased the theme.

Excuse me? I purchased your product. Here take a good look.

http://gyazo.com/a22a736cabcabc7f390f7407c1af3ff9

It is not true. you have purchased my product after my report. But this is not important now.

To answer to your problem see below:

For example this is your button link:

<a class="start-button" href="#over"> <span data-hover="Ontdek">Nieuwsgierig?</span> </a> 
if you want the button to work there must be a section that will id “over”. for example:
<section id="over">
.......
</section>
If there is no section with id over the button obviously does not know where to go .

Hi, i have 2 issues:

1. I’ve test your themes in blackberry Q10 browser and themes not work well, only show the loader part, hope u fix that problem

2. at index2.html, how to make slide run automatically ? the slider is not run automatically, i should click arrow navigation to view the next slide.

thx

Hi, to enable the automatic slider you have to change the timeout parameter in js/script.js (for example timeout: 6000)

$ ('# fullscreen-slider'). maximage ({
     cycleOptions: {
       fx: 'fade', 
       speed: 1500, 
       timeout: 6000, 

What browser you are using on blackberry? the template works on modern browsers try to use firefox or chrome!

For other support please contact us in the support area.

I can´t seem to make the google maps thing work. I can change the link and text etcetera, but i can´t change the image it shows? Where can i find the link or API key for this element so that i can change the image to show my location?

The parameters of the map can be edited here: js/google-map.js. To get the coordinates go on a google map: https://www.google.com/maps/

I can´t seem to get the right coordinates. Could you get it right for me? Adress: Melickstraat 8, Arnhem Netherlands

These are exactly the coordinates of the address that you asked me: 51.9487651, 5.8747947

when is that WP version coming team?

We’ll alert you as soon as the WP version is available.

Hi, any updates on the WP version of this theme? :) I remember you said you’re supposed to release by mid february.

Okay thanks :) By the way I’m having problems with the demo file ‘index.html’ the video doesn’t seem to play. It just displays a gray background.

Also what if I choose to use image instead of a video? The image seems to overlap intro-video background ( the dotted-gray layer ). Hence, doesn’t go with my image and I can’t seem to get it right, I would have love to put that layer on top of my image to make it look nicer.

Hey I fixed it! I’m sorry, you may disregards what I said up there. Anyway I’m looking forward for your WP version. :)

More power to Alpine! :)

No problem. Than you so much!

Hi Creative Inspiration,

This is a great theme , I love it.

In Firefox (v.27) if you reload the page the video flashes and doesn’t play, there are some cracking noises in the background too. This happens on your demo site too : http://www.creative-ispiration.com/themes/alpine/

Any suggestions on how this can be fixed? I checked my Javascript console and there are many errors that come up.

I would appreciate if you can provide a way to fix this.

Thank you.

Hi, I’m sorry to inform you that you’re wrong. I’ve done several tests in FIREFOX (27 just like yours) and the javascript console does not return any error. Shows only a few notice but are related to the jQuery library (https://code.jquery.com/jquery-1.10.2.min.js) and does not depend on us but do not compromise in any way to the site’s features . I checked the video (Which is not flash but it is an iframe you tube) and works fine.

Yes you are right, it works now. Perhaps there was a temporary glitch on my machine.

Thanks.

Ok No Problem :-)

Just purchased!!.... Very easy Customization so far, This is the template I’ve been waiting for, hopefully it will provide a quick steady foundation to launch my business!

Thank you so much!

How do you shorten the time of the loading screen or remove it? thanks!

Hi, to reduce the waiting time for loading must change these parameters in js/script.js:
$("#intro-loader").delay(3000).fadeOut();
$(".mask").delay(3500).fadeOut("slow");
Instead, to eliminate the loading screen you have to delete this code in all html files:
<!-- Intro loader -->
<div class="mask">
    <div id="intro-loader">
    </div>
</div>
<!-- Intro loader -->

This page is very nice, but on the iPhone, it stops scrolling when it comes to the section on Services. I think the slider used in this section is incompatible with the iPhone, or is the size of the iPhone screen too small to be able to handle the code properly?

Everything else seems fine.

Hello, I checked many times and it seems to work fine.

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