You do great work.

Just a friendly reminder that i have emailed you with screen-grabs on the issue with the one-page menus when sized between 770 and 990px wide. The issue can be reproduced on onepage-image, onepage-text-rotator, onepage-parallax, those are the only ones i have tested. on onepage-default the menu itself displays with the correct background but the rest of the block is white so it does not display transparently.

Amazing work on this project never the less and i am sure you will work out those kinks.


I want to change the font to Japanese fonts ... How can I do that easily?

Hello visiac,

You can change the font easely: Open assets/css/_layout-font-rewrite.css
This file contains all font rules you need to change the font without editing all css files.
Add the file in the <head> and that's all.

Thank you.
Thank you for your quick reply!
Looking forward for feature updates in the future :D

I'm dynamically replacing some text input with a select on some condition (using $ajax).
the select has "select2" class, but I'ts not behaving like "select 2" I guess I nees to re-init it.
How this is done?

Hello itamartayer,

I aplogize for this long delay.

To reinit select2, call this function:

This should reinit on ajax use.

You can see all functions on assets/js/scripts.js
You can also reinit all plugins calling this function:

If you have more questions, please let me know.

Thank you.
netpro365 PURCHASED
hello stepofweb

there is a problem in the "index-onepage-image.html" and other similar pages in this category,
when I scroll to the middle of the page and press the reload button on the browser, after the page reloads the navbar disappears until we scroll a gain,
also plz check your email I've sent you an email 2 or 3 days ago with an attachment

thank you
Hello netpro365,

The refresh sticky bar issue has been fixed for the next release.
Also, today I will answer to all emails. I apologize for this delay.

Thank you
Hi Dorin,

I am using "index-onepage-education.html" as template for my website.

I wonder if the "Course Reservation" is a working template. I see that the form is calling "contact.php", however, I cannot make it work. And it seems contact.php is not processing data gathered from "Course Reservation" form.

Please advice.

Hello visiac,

I apologize for this long delay.

Sure, the form is working.

To make the contact.php working, edit php/config.inc.php

Please note, some hosting providers do not allow external SMTP conections, for some reason (usualy, the port is firewalled). If you want to use google email and it's not working, use an internal email address like noreply@yourdomain.com . This should work - I have few customers having exactly the same problem.

If you have more questions, please let me know.
I'm very sorry for this long delay.

Thank you very much.
I'd like to buy smarty but one page parallax images are huge in ipad view from demo page (768px wide x 1024px high), so is not fully responsive then?
Hello drusilla,

I apologize for this long delay.

Smarty template is fully responsive but the background image is adjusted according to the current resolution.

If you scale down your browser (width AND height), you can see that the image is resizing. The algorithm calculate the best dimension for your resolution.

If you have more questions, please let me know.

Thank you.
When displaying the theme on a smartphone (iPhone / Galaxy) for example Index-Corporate-1.html I have a couple of questions:
small_light_white - when this is used the text is too small - it's ok on a tablet display - It looks to have scaled down too much. Is there anything that can be done other than removing small_light_white

Second query relates to the size of the buttons - the are very small and the text inside is unreadable. Do you have a solution for this ?
Hello lufc,

Again, I aplogize for this delay.

Unfortunately, this is a revolution slider version 4.x issue.
The verion 5.x solved this issue but it's very different, like a brand new slider - this is the reason I included V5 separately on Smarty and added a lot of demos.

For the next update, I will try to force manually the font size on small resolution.
Next week I am planing to release a new update.

Thank you very much and sorry for this delay.

Just a quick query, when I go to 'view source' in Edge it comes up with an error message saying 'Could not locate http://localhost:50517/Assets/plugins/bootstrap/css/less/normalize.less specified in source map http://localhost:50517/Assets/plugins/bootstrap/css/bootstrap.min.css.map.'

Don't know if there's been an error with my download or not but I cannot locate the files either. Is this significant and how would I stop this error from appearing?

Hello ESS,

I apologize fo this long delay.

There should be no error. If you check the official demo, there is no error.

Please, check "Assets" - the first letter is capitalized. This is very important on Linux systems.
If you use linux, rename to "assets".

Please, let me know if this was the issue.

Thank you.
Hi there ...

There is a problem in radio button and checkbox on the RTL version when i open it in Chrome
try this page on the RTL VERSION in Chrome browser it does't work .... i don't know why

please help me to fix that issue

Thank you
I forgot to mention that it is also does't work in IE9

First of all I must say that this is a fantastic theme.

I want a bit help from you. I am working on this: http://theme.stepofweb.com/Smarty/v1.1.2/HTML/index-fullscreen-youtube.html

My problem is that I want to keep the menu and footer but I want a static image insted of the video.
So I want to replace the video with a static image and still keep the menu and footer static.

How can I do that?
Can you give me a code snippet that I can insert or replace?

Best regards, pidde85

I solved It my self. It is much easier than I was expecting :-)

How can I make, some (the ones that are not so important) columns of a table, to hide automatically when the user resizes the window to a small area (or when the size of the screen is small) ?

I have seen this to some bootstrap tables some time ago, and I wonder if I this can be done here too.

Thank you and regards
Hello eliasv,

I apologize fo this long delay.

Sure, you can hide some table columns on a low resolution.

You can use bootstrap classes. Add to your columns this:


You can combine them: hidden-sm hidden-xs - this will hide a column if the resolution is < 768px
You can find more on wrapbootstrap official documentation:

If you have more questions, please let me know.

Thank you very much.

Do you have an answer for the questions I posted over a week ago ?
Hello lufc,

I apologize for this long delay, I was out of my country, I couldn't answer for 3 weeks.
I will answer today to all questions from bottom to top.

Thank you.
I hope this theme has less or sass resource files...
Hello lichnow,

I aplogize for this long delay.
Unfortunately, LESS/SASS is not yet included.
I am working on LESS/SASS for the next update (next week, I hope).

Thank you very much.

Amazing work!!

We have query on deploying your template in our architecture. Let me first explain the current structure for better understanding

Our Current Structure:
1. Our present webpages are with .PHP extension and is served using apache webserver (AWS Instance)
2. CSS, Images and JS needed by the webpages are deployed on S3 buckets (kind of a CDN)
3. Paths to these buckets are stored in the config file on AWS instance and variables of these paths are used in the webpages for including CSS, Image and JS

Your template structure:
1. We will use your template and put our webpage data and store them in apache webserver instance (on AWS Instance)
2. Your asset folder contains all CSS, Images and JS, which will have to be deployed on S3 buckets.

Our query is:
1. Is there a simple way to deploy on amazon S3
2. How do we link the webpage with asset folder & subfolders on S3

we appreciate your support

Thank you and regards,
Hello softbridge,

I apologize for this long delay. Unfortunately, I was out of my country and I couldn't answer.

Unfortunately, the only way is to rename on all CSS the absolute path to the CDN server.
Of course, you can solve this task by using PHP style. Instead of style.css , rename it to style.php
Here is an example: https://css-tricks.com/css-variables-with-php/

The js/plugins needs also an absolute path but this could be very easy to change - at the bottom of the HTML you can see: var plugin_path = 'assets/plugins/';

If you need help, please let me know.

Again, I am very sorry for this long delay.

Thank you.
keptonpay PURCHASED
This is truely great, does it support other languages? I have both chinese and english languages on my website, if not, can I change the language by changing the code? Thanks!
Hello keptonpay,

I apologize for this long delay.

Sure, the template support any language, there should be no reason to not.
If you have more questions, please let me know.

Thank you very much.
emadjamal PURCHASED
in the page-coming-soon-2.html the popup contact us form dose not close after sending the email successfully,

any way this pop up closes after sending the email ?
Hello emadjamal,

I apologize for this delay.

I think you are referring to the toastr message on page-coming-soon-2.html (the green small window on top - right). This should disappear after few seconds (also, there is a small progress bar on the bottom of that small window).

There is no other popup on the page.
Please, let me know if I am wrong.

Thank you.


The video in modal/pop doesnt work properly.
could you please fix this?

Many thank!
by the way, great stuff! :)
Hello xyren,

I apologize for this delay.

The video is working but seems that the video has been removed from Youtube.
Thank you very much, I will replace with a new youtube video link.

Thank you.

i just find out. its not about the video its about the embed code..
instead of using "embed" - http://www.youtube.com/embed/W7Las-MJnJo
use the "watch"and it could work - https://www.youtube.com/watch?v=W7Las-MJnJo

many thanks!
Hi again there,

I have a minor issue that requires your input. I am listing the portfolio layout 4 column dynamically from database. The images are retrieved from folder etc. No issues with that.

The problem i am facing is that: some image's height are longer than the rest in a row causing the 4-cols to display weirdly/jumping rows.

Is there a way to sort of fix the height but still make image responsive? No issues with width. Thanks alot.

<div class="col-md-3 col-sm-3 mix design mix_all" style="display: block; opacity: 1;">
<div class="item-box">
<span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner">
<!-- lightbox -->
<a class="ico-rounded lightbox" href="<? print $filename; ?>" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a>
<!-- details -->
<a class="ico-rounded" href="viewpackage.php?=id<? print $row['id']; ?>"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a> </span> </span>
<!-- image -->
<img class="img-responsive" src="<? print $filename;?>" width="600" height="399" alt="">

<!-- image -->
<div class="item-box-desc">
<h3><? print $row['name']; ?></h3>
<ul class="list-inline categories nomargin">
<li><a href="#"><? print $row['duration']; ?></a></li>
<li><a href="#"><? print $row['coutry']; ?></a></li>

Hello ejay56,

I apologize for this delay.

I will check today you issue but basically, this should be solved like this:

#portfolio>div.mix-grid>div.mix.mix_all:nth-child(4n+1) {

I will investigate this and definitely, will added to next update (next week).

Thank you very much.
Thank you!

we have a couple of problems with our mobile devices. The header is not fixed on mobiles (android and iPhone). The #header has classes: "sticky shadow-after-3 clearfix header-sm" as described below.

<div id="header" class="sticky shadow-after-3 clearfix header-sm">

I tried many combination but without success!!!

Do you have any idea what we can do to fix these issues?
(This is a very important feature for small screens!)

Hello aminejallouli,

I apologize for this delay.

By default, sticky header is disabled on mobile to avoid various issues (search & cart). It's disabled from assets/js/scripts.js

On next update (next week), sticky header will be enabled for mobile.
Don't worry, only scripts.js need to be replaced.

Thank you very much.
This is a great news my friend!
I will be waiting :)

Have a nice day
Hi, Is this issue fixed?
I still have this problem.
venclaub PURCHASED
I am using the shadow class on the header ID like this:
<div id="header" class="sticky shadow-after-3 header-md dark clearfix">

and also need to have the breadcrumbs like so:
<section class="page-header page-header-xs">
<div class="container">

<!-- breadcrumbs -->
<ol class="breadcrumb breadcrumb-inverse">
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li class="active">Page Title</li>
<!-- /breadcrumbs -->


But there is an issue in that the breadcrumb links are not selectable because the shadow image overlaps them. I tried messing with the z-index but wanted to see what you can do to fix this.

Hello venclaub,

Thank you very much.
Right now I am working on a new update. Today I will check this issue.
I will come back with a fix but definetly, on next update (next week) will be fixed.

Thank you very much.

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 4.x
  • Responsive
  • Fluid
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Tags: bootstrap 4, multipurpose bootstrap
Released:2 years ago
Updated:2 weeks ago
Sold exclusively on WrapBootstrap


Signed up 3 years ago

Need an admin theme?

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 9/10/11
  • Latest Opera

Features & includes

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