[thetypographist]

Dear guys from pixelwars,

first thanks for this great template I like it a lot and it’s definitely what I’m looking for a long time.

But I want to customize som elements. I don’t want a rotating menu just a small menu on the upper right is this possible? Is it easy to do?

I attach you screenshot so you understand what I mean.

Regards
Florian

http://abload.de/img/bildschirmfoto2014-03vnu5d.png

[ahmetsali]

Hi, this needs customization more than a few lines of code, but here is a starting point for you.

This css code makes menu static (works only if you have 3 menu items);

.vs-nav {
 	position: relative; display: block; margin: .9em auto 0 auto; padding: 0; list-style: none;
	}
.vs-triplelayout .vs-nav {
 	width: auto; max-width: none; height: 60px;
	}
.vs-nav li {
 	display: inline-block; margin: 10px; text-align: center; text-decoration: none;
	}
.vs-nav li a { font-size: 1.2em; letter-spacing: 0; }
.vs-triplelayout .vs-nav li {
 	position: static; visibility: visible; width: auto;
	}
.container.vs-move-left .vs-nav-left,
.container.vs-move-left .vs-nav-left-outer,
.container.vs-move-left .vs-nav-current,
.container.vs-move-left .vs-nav-right,
.container.vs-move-left .vs-nav-right-outer,
.container.vs-move-right .vs-nav-left,
.container.vs-move-right .vs-nav-left-outer,
.container.vs-move-right .vs-nav-current,
.container.vs-move-right .vs-nav-right,
.container.vs-move-right .vs-nav-right-outer {
 	-webkit-transition:  none; transition:  none; -webkit-transform:  none; transform: none; opacity: 1;
	}

[thetypographist]

Outstanding! Thanks for the snippet. Works perfectly!

[anneleenvanhoudt]

Hi, I am not familiar with coding and find it hard to find the CSS stylesheet in your theme… where should I add the code as described above?
Thanks a lot!

[ahmetsali]

@anneleenvanhoudt

you can try adding it to the end of css/main.css file.

[anneleenvanhoudt]

hmm.. maybe that’s the source of my problem. I don’t see the editor tab.. with the css file. Could this be caused by a missing update?
Thanks for the help.
Anneleen

[ahmetsali]

@anneleenvanhoudt

do you have wp version, i was giving instructions for html version. If you have the wordpress version then you can just copy and paste the code to the “Appearance > Theme Options > Style > Custom CSS” box in wp admin.