479 comments found

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
bikerd Purchased

Hi Vasterad, Is there anyway to link to a page containing toggles and have a specific toggle that you specify in the URL when calling the page open automatically when the page loads? I know this is a long shot, but will ask anyway. Thank you

Vasterad

HI, unfortunately it’s not possible in easy way and you need to make some customizations with toggles script

  • Australia
  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Hi,

I would like to know how to edit css parameter when window reduction occur? I realized that there are 4levels of changes while reducing the browser window.

Please see the screenshot below for each level:
http://www.luxconsult.mu/beta4/reduction1.png
http://www.luxconsult.mu/beta4/reduction2.png
http://www.luxconsult.mu/beta4/reduction3.png
http://www.luxconsult.mu/beta4/reduction4.png

The website link :
http://www.luxconsult.mu/beta4

Thank you
PS : Very nice template but the codes are hard to understand and the documentation is not too elaborated

Vasterad

Well, there’s no “magic CSS” and to style site on each resolution use media queries (in Nevia it’s located at the bottom of style.css). Here’s good guide for beginners http://css-tricks.com/css-media-queries/

rnandesh

Thank you, I will try it and give you my feeback

Vasterad

Sure thing. :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi Vasterad,

I have some pages where the main content is longer than the sidebar and some where the sidebar is longer than the main content.

I have a problem in that when the sidebar is longer than the main content it gets cut off to the length of the main content.

Would you be able to give me some guidance here?

Thank you

Vasterad
Hi, add this to JS:
window.resizesidebar = function() {
    var windowwidth = $(window).width();
    if(windowwidth > 768) {
        var contheight = Math.max($(".eleven.floated").outerHeight(true));
        var sbheight = Math.max($("aside.sidebar").outerHeight(true));
        if(contheight<sbheight) {
            $('.eleven.floated').css('min-height',sbheight);
        }
    } else {
        $('div.sidebar').css('min-height','auto');
        $('.eleven.floated').css('min-height','auto');
    }
};
$(window).load(function() {
    window.resizesidebar();
});
$(window).resize(function () { window.resizesidebar(); });
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi Vasterad,

I was wondering why all your image files are emtpy images. I thought the stock images were included in with the template?

Vasterad

Stocks cannot be included because it’d be against license. :)

Default-user

ok, thanks for the quick reply.

Vasterad

Sure. :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi, Can you help with the code to keep the social icons appearing on the mobile portrait size? thanks!

Vasterad

In media queries remove social icon’s class from “display: none”.

Default-user

thanks!!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

hi, can the mobile and tab are same as the desktop version?, as i dun want the mobile device version

besides, can the menu bar have 3rd level?

Vasterad

Could you clarify your question? What tabs do you mean?

Default-user

Can the mobile device and tablet device launch the website same as desktopn verision but rather than mobile device version

Vasterad

Oh, of course. Just by removing media queries in responsive.css. I’ll provide guide when you buy template if you’ll have problems with that. :)

Default-user

besides, can the menu bar have 3rd level?

Vasterad

Sure. :)

Default-user

can u make a demo and show me, i want to launch in ipad and mobile, to see whether it is the full desktop version. if it is full desktop version,i will buy it

Default-user

hi, i hv tried and launched by using the mobile phone and ipad, still the mobile and tablets version, but not the full desktop version

Vasterad

Could you clarify your question?

Default-user

you have mentioned before, the the mobile device and tablet device launch the website cab as same as desktop verision. Just by removing media queries in responsive.css. Can u show me a demo that the mobile version and tablet version can launch the full desktop version of this template?

Vasterad

Oh, now I understand. I thought you want to see 3rd dropdown menu level. http://vasterad.com/themes/nevia/index2.html

Default-user

The link shown above, when i use mobile and tablet launch, it is not found.

The requested URL /themes/nevia/index-2.html was not found on the server.

Would you mind to give me your email? I can reply for each comment after 10mins

Vasterad

without ”-” between index and 2. Send me a message via profile page.

Default-user

yes. it is full desktop version in both mobile and tablet. So, i will purchase it. would you mind to make the full version of template(no mobile and tablet version) for me?

Vasterad

But if you turn of responsive feature it will stay at 960px on any device.

Default-user

if stay at 960px, any problems with it on the device?

Vasterad

Sure, will works.

Default-user

okay. should i purchase now and you will send me the full version of template (non-mobile & tablet version)?

Default-user

i have paid for it, how can i get the non mobile version ?

Vasterad

I’ve send it for you via mail.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
bikerd Purchased

Hi Vasterad,

I would like to use a secure (https:// – emphasis on the “s”) page on my site.

It seems that a secure (https://) page will not access the fonts used for this theme – http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700

What is the best way to also use this font on an https:// page?

Thanks!

Vasterad

Just add add https before link. It’s removed for faster loading by the way. ;)

Default-user
bikerd Purchased

I found this suggestion to update style.css…

< @import url(“http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700”);

> @import url(”//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700”);

Any concerns using this?

Default-user
bikerd Purchased

basically, drop “http:”

Vasterad

Instead of using a protocol in your URL, like

http://fonts.googleapis.com/css?family=Open+Sans or https://fonts.googleapis.com/css?family=Open+Sans

You can use

//fonts.googleapis.com/css?family=Open+Sans

and this should work more reliably.

  • Bought between 1 and 9 items
  • Has been a member for 5-6 years

Hi Vasterad,

I’m having issues in IE where the pages won’t load, and if I hit the back button they will then load. Home page usually works fine, it’s subsequent pages and in no particular order. Works fine on other browsers. Any suggestions?

www.oneeasymove.com/new is the staging server.

Thanks!

Vasterad

Does my demo live preview works? Did you tested your site without many customizations?

Default-user

Thanks.

I took off the Google Search Box and the site is working better in IE. But I’m still getting this error: Can not call methods on jcarousel prior to initialization; attempted to call method “destroy”. jquery.min.js

It’s just a single still image that I have in there.

Any thoughts?

Vasterad

Have no idea. It’s caused because of some customizations so I’d recmmend try to find what exactly causes it.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
eosdev Purchased

I would like to style the select list that comes into action when the browser is reduced to its smallest size and the menu changes to a form—I want to make the menu selections big enough to be comfortable for touch. Can you tell me where the styling for that list is?

Vasterad

Well, unfortunately current menu is a just dropdown and we can’t modify how it looks like. However you can use other script for mobile menu. I recommend this one http://jpanelmenu.com/

Default-user
eosdev Purchased

I’ll try that. The instructions for that script may as well be in Martian as far as I’m concerned but I will write the author and see if he can help me. Thanks.

Vasterad

Yup, implementing that script isn’t such easy. I’d recommend to ask on any forum or something, because authour may not help. :P

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

duplicate post.. sorry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

posting again, sorry for tags:

hello, i have trouble using sidebars. for ex, there is a right sidebar like this:

<div content> <div container floated></div> ......... <div container floated> <div eleven floated> <div page content>....content here… </div> </div> <div sidebar>.. sb here ..</div> </div>

if the content in the elevent floated part is too short, the sidebark shrinks. an i lose the content on the sidebar..

you can see better here: open page http://vasterad.com/themes/nevia/right-sidebar.html# with chrome and remove some nodes from elevent floated.. for ex the blackquote part, paragraps, accordion… and you will see that the sidebar becomes useless.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

well.. for the sidebar problem: i made it by changing responsive.css, the line: .floated.sidebar { position: absolute; top: 0; bottom: 0; } to .floated.sidebar { position: relative; top: 0; bottom: 0; } it looks, working for both left and right sidebar ;)

btw there is a typo in the next line..

Vasterad

Check my js fix in previous comment. :P

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

First of all, great theme! I’m using Safari and the item-description in the portfolio items doesn’t have the same appearance as in Firefox. The shadow on the left and right side doesn’t appear on Safari, it looks much better in Firefox. Could you please have a look at it?! Thanks!

Vasterad

Hm, you’re right. I’ll take a look but it’ll take a few days because now I’m focused on upcoming release. :P

Anyway, it may be related with webkit box shadow, so please try to play with this code. ;)

-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
bikerd Purchased

Hi Vasterad,

Are there any concerns in removing http: from the following? I have a secure checkout page and this was tripping a security warning message in IE 8 for mixed content (secure/non-secure).

<!—[if lt IE 9]> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script><![endif]—>

Is there a reason why you keep http: in this statement and the style.css file for google fonts statement in the downloadable distro? I’m just curious to learn if there is a technical reason.

Thanks!

Vasterad

Hi, there’s no technical reason any you can use ”//” instead of “http://” or “https://”

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hi, is a great theme and i love it! But i am having some minor issue as below. For issues below, you may refer my link.

http://www.egenz.com/malaysiabank/bankers

1. If i am using style 2, when i minimize my browser to mobile size or i view it with my iphone @ safari i found out that there’s scroll bar appear at the bottom, which scroll from left to right, i have check the downloaded version, also the same thing. It works well with Style 1 but not style 2, anyway i can fix this?

2. Actually i have quite a lot of menu items, more than your version, i found out when i resize my browser to tablet size, not the mobile size, my menu item, the last few item will be missing, then there’s a line, border-right:1px; drop down at the bottom of Home menu button. Can it directly show the Mobile Version Menu instead of making my menu items went missing? Cause i believe that i have quite a lot of tablet users, so i do not want my menu items went missing, i do not mind, that my menu change to Mobile Version Menu.

How can i fix this two issues?

TQVM

Vasterad

1. Add this to CSS

@media only screen and (max-width: 767px){

#navigation.style-2 {width: auto !important}

}

2. Sure, you can. Add this to CSS:

    .js .selectnav { display: block; }

    .js #responsive {display: none;}

    #navigation {
        margin:0;
        width: auto;
        height: auto;
        background: transparent;
    }

    .selectnav {
        cursor: pointer;
        padding: 10px;
        margin: 0 0 30px 30px;
        float: left;
        font-size: 14px;
    }

Please rate Nevia if you could. :)

Default-user

Thanks for the prompt reply! under which css file? Can i put it under style.css? And how to rate you then? TQVM

Default-user

Hi, no 1 fixed, but no two, males the whole menu items went missing. Only left the gray color background without wording. Did i miss out anything? TQVM

Default-user

You may check this link again http://www.egenz.com/malaysiabank/bankers nothing shown in the menu. TQVM

Vasterad

No 2 place in

@media only screen and (max-width: 767px){ here }
too.

Default-user

TQVM It works!

Vasterad

It must because by using this code on tablets you’ll see menu from mobile phones. Please be sure if everything you did is correct.

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

I found another issue, which i need your help. I have use your table, 4 columns, but when i am viewing it in Mobile, the alignment a bit runs off, you may view this link http://vasterad.com/themes/nevia/elements.html with mobile size.

Can i have something where i can hide 1 column when it is view in MObile. Means, there’s 4 columns, but when view in mobile, may be i only view 3 columns. Or may be makes the column drop down, like how you have done for the Pricing table.

TQVM

Vasterad

Add to each element extra class e.g. “disable” then in CSS media query add ”.disable {display: none;}

Default-user

TQVM It works!

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

HI sorry, i just realize the issue no 2 wasn’t really fix. There’s line appear at the bottom of the menu, you may refer the link below for the image, how it looks like.

http://www.egenz.com/image.png

TQVM

Vasterad

It must works, because by using this code you’ll see on tablets menu from mobile phones. Please be sure if everything you did correct.

Default-user

Hi, i just resize using the desktop browser, and i see this. I thought normally, if i resize the browser, the arrangement should be ok? But this is what i see. TQVM

Vasterad

Mobile menu must be visible on browser resize too.

Default-user

Yes, i do not see the mobile menu, when i resize using browser desktop, you may visit my website http://www.egenz.com/malaysiabank/bankers, check my image here http://www.egenz.com/image.png I am not sure what happen, that there’s 2 line appear at the bottom of the main menu…

TQVM

Default-user

I found out this, the mobile menu appears when the width is 770px, the line appears when the width is in 966px May be i am using quite high resolution in my desktop, anyway to fix this? TQVM

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years

Great template, with very emphasis on that word. Template. I am enjoying tweaking your thoughtfully written code. Been at a standstill right now though. I have stripped the header area of all content with exception of the logo, with the sole purpose of just centering the logo in the header area. Nothing else. Removing the social media, search bar, and tagline is easy, but I cannot find a way to just center the logo in the header area. Do you know any tags I can add to main css files to just center logo? Nothing seems to stick.

Vasterad
        <div class="sixteen columns">
            <div id="logo" style="margin: 0 auto; width: 300px; margin-top: 50px;">
                <h1><a href="#"><img src="images/logo.png" alt="Nevia Premium Template" /></a></h1>
            </div>
        </div>

Should works.

Default-user

It does. Perfect! Thanks for your promptness, and the great theme. Looking forward to your next creation.

Vasterad

I’m releasing next template in next 3 days. Follow me to get notice. :P

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hi, i have apply the disable css you have mention into the table, it works, but the last column view in Mobile, do not have border-right. I think in you css, you have hide it, how can i make the borders show?

TQVM

Vasterad

I see the issue, my fault. Sorry. :P

This is correct code:

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .js .selectnav { display: block; }

    .js #responsive,
    .left-corner,
    .right-corner {
        display: none;
    }

    #navigation {
        margin:0;
        width: auto;
        height: auto;
        background: transparent;
    }

    .selectnav {
        cursor: pointer;
        padding: 10px;
        margin: 0 0 0 30px;
        float: left;
        font-size: 14px;
        width: 650px;
    }

}
Default-user

TQVM But how about the my issue 2? The line still appearing, anyway for me to wake it disappear? TQVM

Vasterad

Just paste it. It is impossible to has default menu in your case because you’ve a lot of menu elements… that’s why I’m trying to give you code that will runs select menu for tablet resolutions.

Default-user

Ok. I just this code, can you help me see did i done anything wrong?

@media only screen and (max-width: 767px){ #navigation.style-2 {width: auto !important} .js .selectnav { display: block; } .js #responsive {display: none;} #navigation { margin:0; width: auto; height: auto; background: transparent; }

.selectnav {
    cursor: pointer;
    padding: 10px;
    margin: 0 0 30px 30px;
    float: left;
    font-size: 14px;
}

}

Vasterad

I’ve no idea. I tested it twice times and works for me when I add this at the bottom of style.css.

Default-user

ok i try add it at the bottom of style.css then. TQVM

Default-user

Hi, Fixed, because this happens only when the width is 958px, so i edit this line instead :D TQVM

@media only screen and (max-width: 958px)

Vasterad

I told you in this comment that previous code was wrong :P

http://themeforest.net/author_dashboard#comment_4188338
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 0-1 years

Can I use my own background image. And is this easy to to do?

by
by
by
by
by
by