Discussion on Vega HTML5 Responsive Template

Discussion on Vega HTML5 Responsive Template

Cart 1,135 sales
Well Documented

flashedge supports this item

Supported

392 comments found.

Hi i would like to bye this very nice Vega template in Wordpress, but the link dos not work.

Best regards Jonte69

It seems like the author of that item is no more on this marketplace and his items were removed too. I’m sorry.

Hi

I’m having an issue with the site on ipad. The videos at the bottom of the page won’t work and is very difficult to scroll the page….. is there something I can do rectify this as it looks great on everything else?

thanks john

You might try to play with the iscroll options or toggle the global scroll and see if that helps.

Why was the wordpress version of this theme removed? In need of a little support on it…

I’m sorry. The author seems to be no more active on this marketplace and I have no control over his business.

Is available for wordpress ? i need this theme in wordpress

It was. Sadly the author of the WP Version seemed to have disappeared from the marketplace and removed it.

Hi Flashedge, about clicking on the menu items, to remove the ‘sliding effect’ you instructed me to do the following: TweenMax.to( $(’#content .wrapper’).children(’.old’), duration, { css:{ height:0 } Works a treat.

It kind of looks inconsistent with the drop down menus now though, I was wondering how to disable that sliding effect when hovering over drop down menu items as well?

Thanks again and Have a great Xmas and New year !

Try using a custom stylesheet for the header and skip the transition by overwriting its duration like this:
#header {
 -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

oooh…. doesn’t make any difference… the dark half and headlines go up then down again upon clicking links… umm..

Well then, look for any TweenMax statement inside of the previous javascript and replace the second argument with zero which skips the animation.

and now Live Preview totally crashes browser on Android 2.3.4, 2.3.5.

I’m really sorry for that, though the current version for android is 4.2 and it’s working fine on my Galaxy S3. You could try to use Chrome Mobile. Your device might run out of memory or the native browser doesn’t like some script. I can’t troubleshoot it and wouldn’t even make any sense since it’s already outdated.

well, the template is nice but that makes it NOT backward compatible. i know it works on latest Androids, but there are millions of people still using devices which are not upgradable to latest versions.

Hello!

I need a little change, the “team.html” is a link (black circle with a +) in the picture, how can I remove this? THANKS

Yes, like that.

even a small thing, the link remains on the picture …., see http://rh.marketing-3.com/#team, remove?

Well, as I said before if you don’t want any link at all you to remove the anchor tag.

Basically this:

<a href="team.html" target="_self"><img src="images/staff/staff_9.jpg" alt="description" /></a>
Becomes this:
<img src="images/staff/staff_9.jpg" alt="description" />

Hello there I would like to purchase this item but i am weary when I go to the portfolio section as when I click a photograph it does not enlarge, nor does it change as the background image as the home screen. Can you please let me know if that is fixed?

I’m not sure what kind of issue are you referring to. Though the portfolio section is meant to be just an image showcase which can be browsed with the arrow buttons and with detailed infos in the bottom. Every project has it’s own page. If you don’t like it you can always use prettyPhoto and trigger it everywhere through an anchor tag.

thanks so much, così paziente, e sei un genio ! :D

Okay, only reply to my questions about Less if you have the time. What I’ve done, I used backup copies, and so in the end I managed to makes changes without using the Less file.

The only thing though, somehow in firefox, the music doesn’t play anymore (even upon pressing the button!) – other browsers still ok ?

Firefox uses flash to play mp3 files, keep sure you’re running it on a webserver.

ps: didn’t fancy using the style.less document, but I had to use it as it was the only way I could remove the black background around the logo as all else failed..

Wrong, you’re not supposed to touch anything from the LESS file. It’s only there if you really really need to hardcode something. Use the custom stylesheet, it’s that easy…

Hi again, just wondering about Less (never used it before). I assume it consists of your ‘own’ custom styles ? They seem to override the custom.css styles though, because since activating it, some styles don’t become active in my custom.css unless I remove them from the style.less document or alter styles directly in style.less instead. Is that the way it should be / be done? Also You mentioned minimising the style.less file after making changes, how do you do that? and what do you save it as, ‘less-1.3.0.min.js ’ ? sorry, the learning never ends, it’s a new thing to me !

I think you’re creating some confusion. First of all, whenever you append code in the html document it will be executed later and this means it will overwrite whatever has been made before it.

So if you’re unlocking the raw LESS document it will be compiled as the latest file in javascript and it will overwrite everything. It is not meant to be used to deploying sites, you still need to compile it into a compressed CSS file and deactivate the LESS js script anyway.

That’s why I told you to work into a custom stylesheet which will be executed right after the compressed CSS file which will overwrite the default rules correctly.

In other words, following the order in the HTML document it’s this way: styles.css > custom.css > styles.less – where the latest overwrites everything. Disable styles.less and work in custom.css after you uncommented it in the document. If something doesn’t work it’s probably due a wrong selector or you need to add ”!important” to the rule to force it.

Thanks Flashedge, you’ve been a great help. I think I can figure out the rest. The only thing that bugs me is is it possible to move the social icons to the bottom (say after the images and tweets) ? I tried to figure it out using less columns for one div or the other, but when I pasted the social icons code in, a weird snapshot of a rap? video appeared?

If it’s too tricky I’d be happy to have the icons still at the top but to the right of the main nav, rather than above it, is that possible ?

The whole site is based on foundation which is a responsive grid layout that works with columns. You need to follow their system if you’d like to achieve a consistent result. The documentation can be viewed here: http://foundation.zurb.com/docs/f2/

You can also hide the default social icons and create new ones if that’s easier for you.

All right; That system is logical but so rich it can be confusing lol, gotta play around with it, I guess it needs getting used to!. Thanks Flashedge, really love your work, so much to it, it’s clean, balanced, nice mood, lovely layout. Ciao !

you said “Version 1.2.0 Added menu functions for Touch devices” - can you explain what “menu functions” you added? thanks

it’s just the menu is not working properly on the Android 2.3.4 and 2.3.5. i tested on two phones “HTC Droid Incredible 2” and “Samsung Galaxy Fascinate” – i know they’r not newest devices but still very popular and widely used. what happens is, for example when you touch “Works” then “Portfolio” it loads the Orbit slider very good, but if after this you touch again on “Works” – nothing happens, submenu doesn’t open anymore so you can’t access the “Showreel” section. same with other buttons. i have a feeling it has something to do with Ajax code failing on those Android OS. the question is what can be done about it, can the Ajax code be fixed without turning it off? thanks again for your great ideas.

I need to buy myself those devices to debug them which is very unlikely to happen.

It works fine on Galaxy S3 which is the current standard. It has been debugged on all iOS devices as well. Sadly I can’t do anything to avoid that bug on that version of Android as it thinks that you touched the whole menu already and you’re forced to touch somewhere else to reset it and get the menu touchable again.

If I ever get my hands on one of those devices you mentioned I’ll do a check and see what’s wrong.

i don’t think it’s device specific, it’s rather specific to those Android OS.

thank you for your attention and hard work.

Hi, I’m experiencing some flickering while using Safari 6. Anything I can do to fix it?

I’ll investigate the issue, there is probably something to do with TweenMax.

Good news, I found the problem and I’m addressing the issue. It seems like there is some problem with hardware accelerated transitions in Safari. I’ll upload an update tomorrow which fixes it.

Update has been uploaded today, it should be available in the coming days. Many thanks for reporting this issue! :)

Hi Flashedge, someone asked before how to remove the transtition (slide up effect when clicking on menu items). You said change and replace the net.flashedge.app.js file (and then minimise it) by changing 1000 to 0.

What have i done wrong, it’s not working ? I have taken the /* */ out also so I have $(’#content .wrapper’).children(’.old’).transition({ height: 0},’0’,function() {

$('#content .wrapper').children('.old').empty().css({height:0});    // get rid of old container
if (!$('.new .target .portfolio').length && !$('.new .contact').length) showBg();
sections();
if ( $(window).width() < 767 && $('#main').attr('data-mobileautofocus') != "false") { $('html,body').animate({scrollTop: $('#content .new').offset().top}, 'slow'); }
});

HI, I’m not familiar with javascript. I tried again with the original version, so now it looks exactly like this below and still doesn’t work…. just checking we are talking about the same desired effect ie, when you click on menu items, the page doesn’t ‘slide’ from below but instead just moves to the next page) – Also, earlier I uncommented the only function that seem to have the bit you refered to otherwise how could it work? Can you help?

/* $(’#content .wrapper’).children(’.old’).transition({ height: 0},’1000’,function() {

$('#content .wrapper').children('.old').empty().css({height:0});    // get rid of old container
if (!$('.new .target .portfolio').length && !$('.new .contact').length) showBg();
sections();
if ( $(window).width() < 767 && $('#main').attr('data-mobileautofocus') != "false") { $('html,body').animate({scrollTop: $('#content .new').offset().top}, 'slow'); }
});*/
Find around line 279 this code:
TweenMax.to( $('#content .wrapper').children('.old'), duration, { css:{ height:0 }
Replace “duration” with 0.

IT WORKED ! obviously for any drop down menu is doesn’t but I don’t mind that, thank you !

Hi Flashedge, thanks ! trying out Webstorm, although it’s not free, and the view isn’t split as in DW but at least it doesn’t crash, no issues whatsoever and you still can see the changes in the browser :)

I Have a couple of css editing queries though… I understand foundation.css is the main doc to use. I’m trying to make a few changes but they don’t seem to make any difference :

  • Would like to stretch the main navigation so everything fits on one line, at the moment, some items go on a second line
  • Removing the border under the nav items
  • Changing the font & size of the slider headline + the background opacity ?

grazie mille ! :0)

Thanks.. There is so much going on though Firebug does help :)

I managed to remove the border for the nav items that don’t have a flyout using #header .nav-bar .main{border-bottom:0px ;}

But for the flyout items, the border remains, tried #header.nav-bar>li.has-flyout>a.main {border-bottom: 0px; } #header .nav-bar a.main {border-bottom:0px ;} ?

There are some inline styles which probably prevents to be overwritten. Just append ”!important;” to your rules, like this:
#header .nav-bar .main {border:none !important;}

YES! :0)

Alright, I guess I’ll give it a go too ! Thanks for your input ;)

Hi again … its runs fine with WebStorm!! Thank you! Thank you! Thank you! ... for your recommendation.

... and by the way … GREAT TEMPLATE!

(o: greets from germany / BLACKforest :o)

You’re welcome. Happy editing! ;)

Hi, i´m a little surprised,too. But i knew DW isnt the smarted tool. Thx for your opinion to try out WebStorm. It looks great so far. I will learn to use it.

To all Dreamweaver CS5 OS X Snow Leopard Users: It crashes! Not useable.

Now im exciting to use WebStorm …

I must be honest, DW was great until CS4. It became heavy and clunky. I remember it crashed with a dozen of open files. This doesn’t happen on WebStorm or Sublime Text.

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