Vasterad supports this item


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

652 comments found.

Hi there, I’m wondering if is any available a wide screen version of Nevia???

Hi, unfortunately Nevia does not provide such version. :)

Hi Vasterad.. Ok, something similar to Nevia supporting wide..?Ready to purchase, with mega menu too….

Hi Vasterad, How can i put my Logo bigger on the site, must i change CSS or only load bigger logo.png. Harry

Load bigger logo.png and change height of logo in style.css (#logo)

Hi. I bought the Nevia template from here and i just put my email on the config file to test it on localhost and i get this: Notice: Undefined variable: subject in C:\webroot\tedraweb\contact.php on line 81.

And the email is not sent also…

i am using it. Well i didn’t make any changes to any files, i only put my email on the contact.php file. I’m running it on the localhost. I don’t get what it’s the problem..

“I’m running it on the localhost. ” There’s problem. You need PHP to send an email. ;)

I’m using xampp. Anyway, i’ll try it after i put it on a webhost. Hope it will work. Thanks for your quick replies. Have a nice day!

Hi, great theme hoping you can help with one issue. On the iPad Mini the navigation menu stays the same width and does not change to a drop down menu. It makes the user scroll left/right across the screen. Can I change this so the navigation changes to drop down on the iPad min? Thanks.


I have question regarding the license. Which license do I have to purchase, if I want to create a little shop with this template?

Thank you.

Regular License

Hi there, I been using this theme for a while. I was trying to get the twitter feeds to work but seems like I have missed something… I have done everything that Mike Rogers explains including making the app on twitter and got all the fields in the config array on the twitter.php. I am running this from my host and still nothing. When i run your demo of Nevia they do appear on your end. any thoughts on this?

never mind… it started working.

thanks for the reply.

I’m glad it works. :P

Could you please tell me if there is a way to show the bullet navigation on the LayerSlider? I’ve tried changing the custom.js but can’t see the bullet navigation. Thanks.

This is what is on my custom.js, but I’m unable to view bottom bullet navigation in Layerslider. Is it possible to view bottom navigation? thanks skin : ‘fullwidth’, hoverPrevNext : true, navStartStop : true, navButtons : true, autoPlayVideos : false, firstLayer : ‘random’, navPrevNext : true, navStartStop : true, hoverBottomNav : false, animateFirstLayer : false

Unfortunately it’s hardly disabled in Nevia (CSS is removed for that type of navigation) and I’m not sure if CSS from newer version of LayerSlider will fits.

Hello. Hello. I am having some minor issues with a template i bought from you. The template is wonderful… just a few customized things I would need. Could you help me out? First question: On my portfolio page which is located here: as soon as you open the picture up larger, when clicking the next button it repeats each picture twice instead of actually going to the next photo. Second Question: I am using an iphone to view this site and my menu items seem to give all the menu pages… some pages are not clickable. Is there any way to remove these as menu items when browsing mobile?

Thanks in advance for all your help!

You can add class to each link which you want to disable, then in media queries make that class displayed. :P

not sure how to do that…. i’m not new to html, but new enough where confusion is a daily act. lol…. Could you give me a bit better explination with example? Or instructions to copy/paste?

Nevermind… I figured it out

seriously need help .. <!- Slide 5 -> <article class=”ls-layer” style=”slidedelay: 10000;”> \\</article>

how can i add a hyperlink within ?? try many ways to put a href … but not working

You need to add class “ls-2” to hyperlink container. <div class="ls-2"><a href="#">Link</a></div>

I got one more minor issue. When viewing my site in Google Chrome the carousel on the middle of the main page (labeled Recent Tattoos) doesn’t seem to work or scroll when clicking the next button… But in Internet Explorer and Firefox it works fine. Is there a code I need to add to make this function in Google Chrome?


 <script src="scripts/jquery.min.js"></script>
with new scripts which I gave.

Perfect! Thank you very much!

You’re welcome

if I buy this can you help give it a blackjack theme? casino game blackjack… I am willing to pay of course!

Hi, unfortunately not.

Just a follow up to add to DanielRossini – there is an issue with Chrome I am experiencing also with the Recent Work carousel. It has only began happening in the last few days (Suspect an update in Chrome). My development team has found this link: to suggest a solution to change ‘trigger(‘animate’) in the jquery to triggerHandler(‘animate’) Not sure where to apply this change – tried in jquery.jcarousel.js but did not seem to make a change.

Fixed, you need to change jquery to new one:

<script src=""></script>
<script src=""></script>

We appreciate your quick response – but I am unsure where to make this change. Neither link appears in the source code – we tried to replace the jquery.min.js with the link provided above but nothing runs after that. Please advise.


 <script src="scripts/jquery.min.js"></script>
with new scripts which I gave.

Hi. After looking at the homepage index.html file – there is code for a Testimonials FlexSlider. However, it does NOT slide on my version OR the version you show for live preview. I am using latest version of Firefox – and I get nothing. How can we make this work??? I await your speedy reply. Thanks -Melanie

here is my file:

Testimonials are automatically animated and it works on your site fine on Firefox. :P


I Want changing the color of the header to blue its possible?



I can’t see your buyer badge and cannot help.

I design the contact.html page, my company has fax number, but i can’t find the icon for “fax”. how can I do? thanks.

Nice template. Really easy to use, edit and adapt. Just a couple of small points you might want to consider.

There is a remnant console.log() in switcher.js, on line 107. I suppose most people disable the switcher anyway, but thought I would mention it as it can cause issues with IE.

It would be great if you could fix the skin.css “file not found” issue with the LayerSlider. I suppose it’s not critical, but that took more time to fix than should be necessary. A search of layerslider on this forum seems to suggest a number of people have had the same problem (and workaround) for over a year now.

Otherwise it’s a good, clean, well organized template. Thank you. I will consider your other templates as well in the future.

Hi, I’m looking do do the following:

1) How do I make the slider just a static image? 2) What size would the image for the slider need to be? 1020×450? 3) Will the image for the slider automatically resize for responsive or do I need to do something else? 4) What’s the best way to code simple text on the left of the slider? 5) What’s the best way to code a contact form on the right of the slider?


1. Just remove other slides.
2. Yes, 1020×450
3. Yes
4/5 You can put any content you want inside layers like captions on demo preview

Fixing FontAwesome on iPad:

file css\icons.css: must use the font id that is mentioned in the svg file

original code -

url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');

new code -

url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg') [based on, in nevia font svg file – <font id="fontawesomeregular" horiz-adv-x="1536"> </font> ]

Hello, thanks for the great theme. I am using it since 1 year. I have a question regarding the LayerSlider – is this a full version included? Because I cannot add navButtons or showCircleTimer through custom.js. The commands are ignored. Kind Regards

These features are removed.

Fixing Menu hover on touch screen:

new code in custom.js:
var isTouch = ("ontouchstart" in document.documentElement || ("msMaxTouchPoints" in navigator && navigator.msMaxTouchPoints > 0));
    var isiOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );

    var dropDownParents = $(".menu > li");
    var dropDownOpeners = $(".menu > li > a");
    var dropDownBlocks = $(".menu > li > ul");
    var dropDownSimpleLinks = $(".menu ol a");

    function fMenuClose(event) {
      dropDownBlocks.fadeOut(300);                     // Close dropDownBlocks"isPreventClick", false);   // reset flag for all dropDownOpeners

    var touchEvent = window.navigator.msPointerEnabled ? "MSPointerDown" : "touchstart";

    if ( isTouch ) {
    } else {

    if ( isiOS ) {
    } else {

    if (isTouch && !isiOS) {

      // dropDownOpeners - prevent following the links:

      function menuTouch(event) {
        var flagToggled = !($(this).data("isPreventClick"));  // toggle prevent-click-flag for specific link"isPreventClick", false);        // reset flag for all dropDowns
        $(this).data("isPreventClick", flagToggled);          // set new flag value
        this.focus();                                         // focus on dropdown menu.

      function menuClick(event) {
        if ($(this).data("isPreventClick")) {
      }"isPreventClick", false);
      dropDownOpeners.bind(touchEvent, menuTouch);
      dropDownOpeners.bind("click", menuClick);

      // dropDownBlocks - adjust hover behavior:

      dropDownParents.bind('touchstart', function(e) {
        dropDownBlocks.hide();                                  // hide all others
        $(this).find('ul:first').css('visibility','visible');   // show self
        e.stopPropagation();                                    // stop touch events at the container element

      $(document).bind('touchstart', function(e) {    // if user taps anywhere in the page

      dropDownBlocks.bind('touchstart', function(e){
        e.stopPropagation();                          // stop touch events stop at the container element
      }); () {         // if user taps on any link in drop-down


change code in style.css:
.no-touch .menu li:hover > ul, 
.no-touch .menu li:hover > div,
.iOS .menu li:hover > ul, 
.iOS .menu li:hover > div {               /*  Note the ".no-touch | .iOS" !!! */
    visibility: visible;
    display: block;
. . .
.no-touch .menu li:hover > ul {display:block;}               /*  Note the ".no-touch" !!! */
.iOS      .menu li:hover > ul {display:block;}               /*  Note the ".iOS"      !!! */

// Touch code based on: