It looks like to set the active menu item, you need to set the anchor id = current like this:

<nav class="collapse navbar-collapse menu">
<ul class="nav navbar-nav sf-menu">
<a id="current" href="/">

And current is using this CSS:

#current,.menu ul li a:hover,.menu ul>li:hover>a {
border-bottom: 3px solid #2eaef0;

I have the nav in its own shared control for all pages. Normally I would use jQuery and set the "current" menu item by class on each page, but since this is done by id, I don't know how I would do this.

Any ideas?
It is very simple to do with a class. All you have to do is change the id to a class like below

<a class="current" href="/">


.current,.menu ul li a:hover,.menu ul>li:hover>a {
border-bottom: 3px solid #2eaef0;

Let us know if it's working or not.

akbern02 PURCHASED

I have some problems with the charset for the contact form (mail form) I hope you can help me with.

How can I set UTF-8 as charset for the $message section in the process.php file found in the ajax-folder?

I see that there is a charset set for $headers, and this works fine with none-latin characters, but the mail I receive after submitting the form doesn't display none-latin characters correctly...
Hello I purchased your theme, having an issue with homepage slider on mobile devices, all the text in the slider is bunched together when viewing on mobile phones, tested on 7 different phones and result is the same how can we fix?

Still waiting back for a reply , cant seem to fix the slider on homepage for mobile view, all the animated text in bunched together on phones, please help... also, how do we remove the email and message box 100 charter limit/validation for the contact page?

Could you please tell me in which version? Flat or General?


To fix the 100 character limit you have to edit custom.js. Please go to line number 702 and look for this

if (isValidEmail(email) && (text.length > 100) && (name.length > 1)) {

Just change this (text.length > 100) according to your needs.

Regarding the slider problem could you please send me some screenshots. It will be easier for us to deal with the issue.

Slide -1
<a href="http://tinypic.com?ref=2m677mb" target="_blank"><img src="http://i62.tinypic.com/2m677mb.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Slide -2
<a href="http://tinypic.com?ref=2dr5h10" target="_blank"><img src="http://i61.tinypic.com/2dr5h10.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
I need to know how to add a podcast to my news page?
Where can I get help or learn how to add an RSS feed? There is nothing that I can find in knowledge base.
Please follow the demo site. I don't see any problem there. I think your slider content placement is not accurate. Could you please send me your live site link?

here is the link to my site, i shortened the link because i don't want it to show in search engines.


Considering this theme as it appears very clean and along hte lines of my client. How heavily is php integrated? Would you estimate a lot of work to use in an MVC .net app?
This is a pure HTML/CSS template and there shouldn't be any problem to integrate with MVC .net app.

did you forget about me?? been waiting for a reply
Sorry for being late. I saw your slider code is not right. Could you please send me your homepage code. I will fix it and return back to you.

how do i send you code not showing up in comments when i paste
You can send it to our email as a text file. Our support email is support[at]fifothemes.com.

do you notice if you click the sosmed button in the footer it will popup the color swatch picker menu ?
I tested using firefox version 44 and firefox 40.
I removed :
<script src="js/spectrum.js"></script>
<script src="js/switcher.js"></script>
and the error is gone ....
I am glad you were able to fix the issue yourself.

Hello everybody, I'm a french developpers so i'm sorry for my language.
I ever buy the template and i need to do some modifications on him:
You know the slide on the home page have a max-height: 470px and the css for this parameters is generated and i don't know how.
I don't understand which class in which css file's i have to do some modification to have a full screen slide. height : 100% width: 100%
I try to change it before 2 days ago and i don't found how to do, if somebody can help me it's very cool
Thank you !
I just find how do it in my last test :p
Thank anyway for your work !
Glad you did it yourself. Let us know if you need any more help.


Im facing three problems, one is the same as KRISSHKUSUMA, I just removed the <script src="js/switcher.js"></script> and the footer-bottom stop showing me the color picker, but I would like to know if this would have side effects.

the second problem and the one which really concern me is the contact form, I changed the email address, but when click on send, it just show the alert error "E-mail must be valid and message must be longer than 100 characters." never show the success alert. I just fixed this error inverting the > sign in this code: if (isValidEmail(email) && (text.length > 100) && (name.length > 1)) for: if (isValidEmail(email) && (text.length < 100) && (name.length > 1)). but even the message says it was successfully sent I never receive the it in my email account.

the third problem is that the text of the nav menu has becom a little blurry in some pages.

I know its a lot of problems, but I need to got working this page on the next week. I hope you can give me good answers this very week.

Thanks, Carlos Henriquez
What is the difference between flat and normal version in
http://wrapbootstrap.com/preview/WB0B348C6 - template ???
Flat is based on flat design and Normal is based in traditional design.

Se podría adicionar los formularios de login y sign up, ojalá el login solo aparezca una ventana pequeña en la parte superior.
How can I program the blog to have an admin section and publish new articles from there?
CAn yo help me/ send me the php codes or similar for make the blog functional?
This is a complex process and needs time.

Hi, the template is great.
However the drop down menu on mobile devices does not show all the pages available. I think the header is on top of them.
I am using the light template and the issue only occurs on the iphone size screen. iPad works fine.
The issue shows up on your template, and also on my site dev.wallisconsultancy.co.uk
How can I fix this?

Thanks for buying our template. We will look into that and try to fix it in the next version.

alefragis PURCHASED
Hello, thanks for the great template.. Just one simple question.. I portfolio-four.html How can I make manual slideshow (with arrows) of all images after clicking in one of them?

Please check here http://www.jacklmoore.com/colorbox/ for more options

tgoodluck PURCHASED
Thank you for the template, good work you've done here.

I'ad like help with the contact page. In the process.php, after changing information in this variable to my email ($to = '[email protected]'), i still can not get it to work. Are there other modifications to be done else where?

Thank you for your quick response.

That's the correct way. Anything else is related to server.


I need your help. I used the slider with content on page and when I make scroll or when the slider refresh the content disappear. Do you know whats happened?

Thanks in advanced.

Please let me know the URL of your site so I could check and help you.

when I try to pass the project to .net MVC I get this error of scripts
Uncaught TypeError: Cannot set property 'hasImgProperties' of undefined
at HTMLDocument.<anonymous> (custom.js:5)
at j (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at Function.ready (jquery.min.js:2)
at HTMLDocument.J (jquery.min.js:2)
That sounds like a file path is wrong. Please make sure your project is resolving all JS files.


Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $10
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Labels: business, company, corporate, creative, html5, modern, multi purpose, portfolio, responsive, template
Released:5 years ago
Updated:3 years ago
Sold exclusively on WrapBootstrap


Signed up 5 years ago

Need an admin template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation