Where is the speed of the jumbotron transition controlled?
Hi jalbre2,

Thanks for your question. You can easily do this with CSS. Please open the ui-elements.css file and add the following code to the very end of it:

.carousel-inner > .item {
-webkit-transition: 3s ease-in-out left;
-moz-transition: 3s ease-in-out left;
-o-transition: 3s ease-in-out left;
transition: 3s ease-in-out left;

Replace the 3s interval with any number you need.

Best regards,

Yevgeny S.
Does this theme have an official support page or documentation?

This is a standard Bootstrap template, so most of the answers can be found on the Bootstrap support website. Specific things like color options are described in the README.txt file. However, feel free to contact us if you have any questions.

WB contact form: https://wrapbootstrap.com/user/YevSim
Twitter Page: https://twitter.com/YevSim
bunnalli PURCHASED
Hi, Is there any more information available regarding how to implement the shopping cart functionality? Is there any How To information available regarding this template in general? Thanks.

This is a static HTML template so it won't work as a production website (same applies to the shopping cart). If you want it to work with your favorite CMS (e.g. Wordpress or OpenCart), you need to do certain modifications specific to it.

For general information about Bootstrap themes you can check the official Bootstrap page (http://getbootstrap.com/). Theme specific UI elements are listed on this page: http://simpleqode.com/preview/mosaic/1.2/ui-elements.html). Working with color schemes: http://simpleqode.com/preview/mosaic/1.2/theme-faq.html.

Do not hesitate to email us if you have any questions.
bunnalli PURCHASED

Love the theme and really want to use it! Can you provide any more guidance on how to link up Mosaic with a shopping cart using WordPress? How would I do that? If you would rather take this off-line, my email is [email protected] (I couldn't find yours).

The theme looks great! Can the Mosiac theme support third level navigation?
From the live demo, I only see two levels.


Third level menu is not yet available, but it will surely be included in the next release. If you want it now, please check our Paperclip theme to get an idea on how to implement it.
hi, great theme !. I have a problem . The isotope portfolio looks bad. all elements are rendered sometimes bad . sometimes when I reload the page looks good. Any idea what can happen? I'm using Mosaic 1.0 .
This is my site: https://www.dropbox.com/s/cmv0m6de20lkm08/image-01.jpg?dl=0
This is your live preview: https://www.dropbox.com/s/7myo1ajuoxipe9n/image-02.jpg?dl=0
Greetings !

Unloaded images can throw off Isotope layouts and cause item elements to overlap. This is a known isotope issue. Please open the isotope-custom.js file and try to replace everything with:

var $container = $('#isotope-container').imagesLoaded( function() {
itemSelector : '.isotope-item',
$('#filters a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;

Please send me an email if this didn't work for you.
I can't manage the beautiful vertical menu visible in the UI elements page.

I create a new item
<h2 class="headline text-color" id="item">

and I create a link bar in the menu
<li><a href="#item" data-toggle="tab">Item</a></li>

but it does not work

Thanks a lot

Thanks for your message. Please send me an email with a URL of your page or a piece of code with your vertical menu. You can send me an email via the WrapBootstrap contact page.
I just got the template, I noticed on my local version the image on the Slide No 2 on the index page, does not show the ship unlike the sample you have online. It seem to zoom in more on the image. Any idea why its doing that?
Hi, thanks for your message. It's about centering an image. Please go to /css/custom.css, find line 726 and change the code below:

.jumbotron.second {
background: url(../img/slide-2.jpg) no-repeat center center;
background-size: cover;


.jumbotron.second {
background: url(../img/slide-2.jpg) no-repeat center bottom;
background-size: cover;

Do not hesitate to contact me if you have any other questions.
Thank you!

I also noticed the text on the slides / jumbotron looks diffent in IE8 . Example for slide 1 and 3, the button is not shown. Are you able to help fix that?
Hi, sorry for the late reply. It looks different because IE8 cannot load some of the Google Fonts properly, specifically Oswald. You may want to replace it with any other font or change the headline font size specifically for IE.
Hi! Great theme, thanks! However I'd like to remove the larger up arrow that appears at the top of activated dropdown menu in the navigation bar. Please can you advise how I can do that? Thanks
Hi, thanks for your message. It's easy to do. Please open custom.css and remove this part:

.navbar-nav > .open > a:after {
content: "\f0d8";
font-family: FontAwesome;
position: absolute;
z-index: 9999;
bottom: -5px;
left: 50%;
margin-left: -10px;
font-size: 36px;

.navbar-dark .navbar-nav > .open > a:after {
color: #353432;

.navbar-white .navbar-nav > .open > a:after {
color: #fff;

(around line 275). The arrow won't show up on dark and white navbars anymore.

Nice template, but there seems to be a problem with contact us form. It look like it does not work with current reCAPTCHA v2 API.

Any fixes?

All you need is to get the public (site) key and private (secret) key and insert them into config.php and contact.html as described in the readme file. Please contact me directly if you have any problems with that.

The current recaptcha will be updated to the latest version (nocaptcha) in the next release. Feel free to contact me now if you need it immediately and I will send you an updated captcha package.
It was my mistake. Mosaic works just perfect.

Many kudos for very quick and professional support from YevSim and simpleqode.com

I purchased this template a few days ago, and am very happy with the setup. However, the dropdown links in the menus, as well as the buttons on the jumbotron do not work with Internet Explorer 10. I have tried this on a couple of computers.

Please advise.

Thanks for your message. Please contact me with your OS version and website URL via http://simpleqode.com/index.html#contact.
For future reference,

The problem only appeared when the user tried to load the template locally. IE blocks external scripts when opening local files. This caused the aforementioned problem.
Hi Yev,

Great theme and thank you. One question - I don't know much about CSS animations. I understand how to change the duration and transition speeds. But is there a way to control the amount of time a frame is displayed before the next transition? Basically - give the person a little more time to read each frame.


Hi John,

I suppose you are talking about the main slideshow (i.e. carousel) on the homepage of the template. Please open index.html and find the following line:

<div id="main-slideshow" class="carousel slide" data-ride="carousel">

Then add the data-interval attribute to control "the amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle."

<div id="main-slideshow" class="carousel slide" data-ride="carousel" data-interval="5000">

5000 is the default value.

Please contact me directly if you have any other questions.
I've been using your template for a couple of years now and the client has been very happy, however I've just noticed after adding a lot more pages to the dropdown menu it wont actually scroll through to the lower links on smaller devices - basically it sticks. I can't see what's causing the issue and wondered whether there's an obvious fix or you could point me to the code which controls this. Can I direct message you with the URL?


Hi Ted,

Thanks for reaching out to me. Does this happen when the navbar is in the mobile mode? Feel free to contact me via http://simpleqode.com/index.html#section_contact with a direct link and I will see what can be done.
Please add the following styles in the very end of your stylesheet:

.navbar-collapse.in {
max-height: calc(100vh - 75px);

where 75px is the height of your navbar header in mobile mode. This should add a scrollbar to the navbar collapsible part when it doesn't fit the viewport on mobile devices.

Please contact me directly via [email protected] if this solution didn't work for you.

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 $20
  • 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: blog, bootstrap 3, business, clean, corporate, ecommerce, html5, isotope, responsive, shop
Released:4 years ago
Updated:2 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