Vasterad supports this item


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

669 comments found.

Hi. Having a slight problem with the navbar,

When you hover a button, the property display:block is applied to the child ul class which houses the dropdown menu buttons. I’ve gone through all of the js files and can’t find for the life of me where the code is that is responsible for doing this? I know for a fact that it is not CSS, as the property is applied inline onto the element itself. I want to change it to display flex instead so the menu buttons are aligned in a column and 100% width.

Hi, it’s in custom.js (main navigation section).

There are two possibilities for that. First is adding inline css via js:

$subMenu.hide().stop(true, true).slideDown(350).css('display', 'flex');
Second option is adding an extra class which you will style in CSS:
$subMenu.hide().stop(true, true).slideDown(350).addClass('.flex-class');

Yes that’s it. Thank you for the swift response!

I changed the main menu to a example I found here “”. Very easy to set the desired break point.

Sorry, wrong post !

Ok. ;)

Is there also a none Wordpress theme available?

Yes, here for $17 you can buy HTML version. WordPress costs $49.

Good morning, have just purchased Centum (updated version I had an older version). I am wondering if there is a way to change the height on the revolution slider, it is higher than my client would like. I cannot find control anywhere for this. Please let me know, appreciated! Best regards, Jayne Sapphire Web Design.

Find “Revolution Slider Script” section on index.html page and adjust “gridheight” to your needs (each value for different screen sizes):


Hi Vasterad! I hope you hope a good summer.

Two questions re the older Centum (the one we used for 1) What is the line of code we need in order for the images to be able to become larger via touch screen on mobile. As it is, it’s a phone width fixed sized. 2) The shaded area with the text for the slideshows (as the home page) do not show up on mobile. We need to fix this.

We can’t wait to try our new download! Thanks in advance!

Yes, add that code anywhere in style.css

Regarding larger images – if you will remove this code from <head> section in each HTML file:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

you’ll be able to zoom in / out site on mobile devices which solves small text issue because everyone could zoom-in part of site he wants to read.

You are the shizzle. I’ll try it. Thanks so much.

Hi Vasterad, a few years ago you helped with highlighting our nav bar. Which worked beautifully, but suddenly stopped working. Any ideas how to get to work again? The site is — I made sure the css reflects the new background-color: #45903c And the button code still says id=”current”

Very strange.

We would like to highlight the rectangle where the words ‘buying guide’ (now ‘Where to buy) appear. So it looks like the image here all the time:

And you answered: You want to have highlighted item in menu related with currently viewing subpage, right? If so make an extra class in css: #current {background-color: #xxx !important;} then add id=”current” to menu button on each page. Hope I was clear. :)

To be honest I don’t know. “Where to buy” menu tiem has all the time ”#current” tag. Maybe you updated menu and forgot to change on each page ”#current” tag? ;)

I forgot to update the css. Please forgive me! :P

Hey, do you happen to have an instagram widget that fits in the upper line up? If not, I can just make one and customize the ico css. Gracias!

Hi, there’s is already instagram icon (between evernote and flickr icon):


princip Purchased

Dear Vasterad ,

Thank you for a very nice template.

I was wondering about the possibility to include an Iframe in the page?

I’ve tried to do so in but it seems hard to make the Iframe 100% height? Please advise!

Regards Peter

You need to declare height in pixels for iframe e.g. height: 1000px


princip Purchased

Thank you. Exact height works, but is there no way to make height flexible depending on the Iframe page?

Try this:

Add this to your <head> section:

  function resizeIframe(obj) { = obj.contentWindow.document.body.scrollHeight + 'px';

And change your iframe to this:

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

princip Purchased

Is there a way to change from standard menu -> drop-down menu earlier than 787px?

I have added more menu items and they show on two rows on tablet.

Hi, sure. Send me an e-mail on info(at) with your style.css and custom.js files. I will take a look tomorrow.