OK - got it working. Was thinking about it the wrong way round! Thanks for your help and theme.
You are welcome.
Go it! Thanks
You are welcome.
Any reason why the page jumps to the top when showing the overlay menu at smaller widths seems to be below 950px wide?. Jumps to the top in the background.
It is jumps because ".wrapper" got "position:fixed" on small screens. We will disable sticky navbar on small screen in next update.

Best Regards
dalefo99 PURCHASED
web-master72 thanks for a great theme! I am currently running 1.0.3.

I am having an issue... I have implemented a gallery of simple images with the following code in the works-grid:

<!-- PORTFOLIO ITEM tall-->
<div class="work-item tall wedding">
<a class="gallery" href="images/portfolio/wilmington-photography-001.jpg" title="Wilmington Wedding Photography" class="image-link"><img src="images/portfolio/thumbs/wilmington-photography-thumb-001.jpg" alt=""></a>

When someone clicks on an image, it brings it up in a magnificPopup popover box as it should.. that is working perfectly.

The problem I run into is when I load additional images through AJAX-LOAD-MORE. My images in that file use the same format as above, and are in the .gallery class... but they aren't showing up as magnificPopup popovers, they just follow the href link to the source file. This behavior can be observed on the page at http://dogwood.photography (work in progress)

Is there away to apply the magnificPopup object to the items loaded via the AJAX-LOAD-MORE php page?

Thank you for kind words. I fixed this issue. Can you write to my mail? Or use form on my profile page(https://wrapbootstrap.com/user/web-master72).

Best Regards

thank you for a great bootstrap website!

I have a small issue though. I want my "work grid" to have no padding/gutter... I want the work grid to fill up the browser from left to right... How can I do this? I managed to remove the padding to the left by adding a "container-fluid" instead of a "container". But the is still a white gap on the right side of the grid...

Any ideas?

Thank you
Here is a screenshot showing what I mean... http://s16.postimg.org/obxymbqhh/Screen_Shot_2015_12_27_at_12_23_45.png
Thank you very much for contacting and for purchasing our template.
Can you give me a link to your site? You can use contact form on my profile page - https://wrapbootstrap.com/user/web-master72

Best Regards
Hi! Thank you for writing so fast!! I sent my website through the contact form!
Hi! No question right now, just want to reiterate what a beautiful template this is. :)
Hi, Thank you for kind words. ; )
Forgive me if this is a rather basic question, but does this template support modal boxes? If so, how do I insert one, and have it maintain a consistent look with the rest of the template?

This template support "Magnific Popup" plugin ( e.g. http://dimsemenov.com/plugins/magnific-popup/ ) and base bootstrap modal boxes ( e.g. http://getbootstrap.com/javascript/#modals )
Hi there, great job! I love the template and it saved me time while trying to get it ready in a short while.
Documentation is a bit brief than I expected but I saw your response rate and kindness here on these comments and this covers it all up, appreciated. :D

So, 2 big problems for me. Same concerning the mobile view.

1-Even on the narrowed desktop browser window or in iOSes, portfolio overlay doesn't work. I think it's supposed to be (or should be) overlayed when clicked on the image, right? (Also for the team thumb's overlays)

2-This one is concerning desktop view too. I want to use a div id as a link and browse on a one-page html. On desktop view, it takes me there but obviously the overlay doesn't deactivate. You have to click close to see the page you want to see. Is there any way for this?

Thanks again, and keep up the good work!


Oops, incomplete data.

2-This one is concerning desktop view too. I want to use a div id as a link and browse on a one-page html. On desktop view, it takes me there but obviously the overlay doesn't deactivate. You have to click close to see the page you want to see. Is there any way for this?

***Additionally, on the mobile view, div id (#) links won't work.
Hi Ahmet,

Thank you very much. Can you write to my mail? Or use form on my profile page(https://wrapbootstrap.com/user/web-master72).

Best Regards
Are you planning any update soon?

We are not planning any update. In next month maybe.
Dear web-master72,

The template looks simply incredible. I have just one question.
How can I close the overlay menu when I click on a anchor link like this :
<li><a href="#home">Home</a></li>.

With kind regards,

Add to "assets/js/custom.js" file (after "Overlay dropdown menu" section) next code:

// Close menu after click on anchor link
$(document).on('click', '#nav', function(e) {
if ( $(e.target).is('a') && $(e.target).parent().attr('class') != 'slidedown' ) {

Thank you!
Dear Web-master72,

Wauw this is really fast,
Thank you a lot.

With kind regards.
good afternoon
I have a question for some shopping , for example if I want this template but with banner video, as it costs me realamente we realamente , as I do to specify that style I want , not to buy the normal banner , but do not want to buy the whole package, complete by q I get very cootosa , attentive hope your early reply , thanks

Sorry for delay. We can sell the whole package only.
Hello Web-master72,

What an AWESOME template you have! I'm having a problem with the contact page though, or possibly the ajax response part for the submit button. The form will send out messages to desired emails, but when I click submit, I get no confirmation of successful transmission. The button stays highlighted until I click on it again. How can I get the "Thanks for contacting us." prompt after clicking the submit button? I triple checked everything and I'm at a loss. Your help is greatly appreciated!

Here's the frustrating page: http://yogilife.x10host.com/contact.html

Thank you
Repled via email
Hello Web-master72,
How can I change a background color on"overlay-menu"?

Thank you:)

Find ".overlay-menu" class in "assets/css/style.css" file and change background color:

.overlay-menu {
background: rgba(0, 0, 0, 0.9);

Best Regards,
Hello - I purchased this template (it is awesome). I am having problems getting the header to stay static on the screen on mobile devices like it does on larger screen sizes. Could you please point me in the right direction to make both mobile and desktop headers behave the same way?

Remove code from "assets/css/style.css":

@media only screen and (max-width: 960px) {
.navbar-custom {
position: absolute;
top: 0;
width: 100%;

And remove condition( if(windowWidth > 960) { ) from "assets/js/custom.js" file.

$(window).scroll(function() {
if(windowWidth > 960) {
navbarAnimation(navbar, moduleHero);

Best Regards
Hello , your theme is wonderful , is there a documentation pdf file for your theme ?

Thank you!
Template include a documentation HTML file.
Best Regards

love your template, really big help to get our protfolio website online in a short timeframe!

I'm however currently running into an issue with getting the google maps feature activated. Apparently Google changed policies quite recently, requiring users to get an API key.
I've got such a key generated but it is unclear to me how and where to integrate this into the code, can you please advise?

Many thanks in advance!

Thank you!

Use this line:
<script src="http://maps.googleapis.com/maps/api/js?key=YOURAPIKEYHERE"></script>

Instead of this:
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
Great, this made it work, thank you very much for your quick reply!

I purchased the theme, but I have a problem. I have to add dynamically the portfolio items. I'm doing this:
$("#works-grid").append('<div class="work-item wide-tall casamentos">...');

I have many items, but in the website appears only one.
You can see in this link:


My code is in this link:

You can help me? Thanks a lot.

Thank you for purchase our template.

Item support does not include services to modify or extend the item beyond the original features, style and functionality described on the item page.

Anyway you can check the official documentations of Isotope plugin - http://isotope.metafizzy.co/methods.html
Thanks you a lot! I founded the answer in the documentation.
I'm trying to make a shop on my website. I would like to have a navigation sidebar in the main content div with links to each product, and the links are directing to an anchor on the page. Is this possible at all?

Sidebar Main Content

Well, you can use "blog-grid-2.html" page as example. This page include sidebar.
For links you can use vertical Pills - http://getbootstrap.com/components/#nav-pills
Hi again!

I'm trying to get the animated HERO header + animated text to appear on a small header instead of a fullpage one. Is this possible? What is the code I need?


I'm not sure I understand your question. What you mean saying animated HERO header" and "animated text"?

Can you use contact form for support (https://wrapbootstrap.com/user/web-master72).

So, im trying to use NEWS as my blog.
Is it possible to post wordpressposts into it?

Vortex is simple HTML/CSS template, not a WordPress theme. So it's impossible.

Thank you!
Thanx! So do I have to make each category manually, and post everything manually?
I make a new single post and then change it on the news file for the link?
Usually, HTML/CSS templates use to convert for any CMS (MODX, Wordpress and etc.).
I'm do not think it easy to do manually.
Okey, so i dont get this. How do i post a new post in NEWS easy? =)
If you will not convert it for CMS then manually only.

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 $18
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Labels: ajax, isotope, masonry, minimal, parallax, photography, portfolio, responsive, trendy
Released:3 years ago
Updated:11 months 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