Vasterad

Vasterad supports this item

Supported

667 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 “http://www.w3schools.com/howto/howto_js_topnav.asp”. 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):

gridheight:[585,585,400,350],

Hi Vasterad! I hope you hope a good summer.

Two questions re the older Centum (the one we used for azomite.com). 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 azomite.com — 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: http://fashioniconinc.com/guide.png

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): http://www.vasterad.com/themes/centum/shortcodes.html

by
by
by
by
by
by