Hi, mostimax!
This is HTML template, not WordPress theme.

Hi, alonsoruve!
Thanks for your question!
You need to modify your “main.css” file. Find this code: ”.is-sticky #header .navbar-brand” and remove “max-width: 150px;” CSS rule. You may also need to change “padding” rule to suit your design!
Best regards!

Hi, kerppu!
Thanks for purchase!
Those icons used our fonts. Make sure that you upload “fonts” folder.
If problem do not disappear, please provide a link to your site, we’ll try to help.

Ok, really embarrassing to admit this, but I had written the path to the Fonts folder wrong ( forgot the ../), well anyway: took a little break and found that, and now everything is looking just the way it should Sorry I bothered you for nothing, thank you for the speedy answer anyway, nice to know I would had had backup in case of emergency…

above the read and more can direct download but when i added in the area about us. The 3 section in modern,simple and flexible. The code cannot work.y?

Hi, Edmund! Sorry for delay. We not sure that we understand you right. As we see now, “read more” link works well in Chrome, Safari and IE. Even if delete “about us” section. What code exactly is not working?

I solved it already. Was a position issue in CSS. Thanks

Hello, edmund_gair! Thanks for purchase! You need to modify your “main.css” file. Find following code and comment it out:

.is-sticky .sf-menu > li > a {margin: 18px 0 18px;}

Maybe you’ll also need to comment out some CSS rules with ”.is-sticky” class for logo, etc.

thanks.

Thnx

Hello, emravensdale! Thanks for purchase! You can use a power of standard bootstrap functionality for your needs: http://getbootstrap.com/css/#responsive-utilities For example:

<a class="navbar-brand" href="#top">
    <img src="example/logo-xs.png" alt="" class="visible-xs" />
    <img src="example/logo-sm.png" alt="" class="visible-sm" />
    <img src="example/logo-md.png" alt="" class="visible-md" />
    <img src="example/logo-lg.png" alt="" class="visible-lg" />
</a>

Or you can use conversely “hidden-*” bootstrap utility classes.

Best regards!

Thank you very much. So Easy! This is my first exposure to Bootstrap. It seems like amazing functionality.

1 other question. I have figured out how to display the logo on tablet screens but it covers the menu – how do I push the menu to the left OR just show the drop down menu (like for mobiles). I have tried a few things but nothing quite worked;) Cheers

Please open “main.css” file and find following code:

@media (max-width: 991px){
 #mainmenu { float: none; text-align: center;}
</coode>

and move “floan: none;” rule to this block of code:

@media (max-width: 767px) {
...
 #mainmenu {...}
...
</coode>

Hi, FON! Thanks for purchase! This is simple HTML template, so you can edit it in any HTML editor that you prefer.

Best regards!

cool , thanks

Hello,

Thanks for purchase!

1. To make your photo appear in the lightbox when you click on “picture” zoom icon, you need to create a link with class”prettyPhoto and add a “href” attribute to it that will follow on big image, like in following code:

<div class="portfolio_item_image">
        <img alt="" src="example/intro_img1.jpg" />
        <div class="portfolio_links">
              <a class="p-view prettyPhoto" title="" rel="prettyPhoto[pp_gal]" href="example/intro_img1.jpg"></a>
              <span class="heart">19</span>
              <a class="p-link" title="" href="./gallery-single.html"></a>
        </div>
</div>

2. It seems, that there is a small bug in prettyPhoto gallery theme. To make a “close” button work, please open “main.css” file in any text editor, find this code:

div.facebook .pp_close

and add a new “z-index” CSS rule to this selector:

z-index: 3000;

Best regards!

Thank you very much! Everything is ok now.

Hello, xxsagexx! Thanks for purchase!

To fix your problem just remove a paragraph wrapper from your form and add all of it’s attributes to form tag:

<form name="NAME" action="#" method="POST" class="fs_btn" data-position="480,0" data-in="bottom" data-step="0" data-delay="1000">
    <button type="submit" name="Submit" value="Submit" class="theme_btn">Send</button>
</form>

Hello! Thank you for your advice! The above worked great with the position! I had one additional question: the position is working now; however the “Send” button is cut in half on IE 10 and the text “Send” is very tiny on iPhone Safari. It looks good on both FF and Chrome. (the button in the “Get in Touch” section looks fine on IE and iPhone; and I would like the new Send button to look the same.). Would you be able to recommend a fix for the above? Thank you very much! Sincerely, Sage

Hi, xxsagexx! Please try following CSS code:

.fraction-slider .fs_obj .theme_btn{
    width: auto !important;
}
@media screen and (max-width: 767px) {
    .fraction-slider .fs_obj .theme_btn {
        font-size: 2em !important;
    }
}

Hi, grubdc! Thanks for purchase. You can find “portfolio” section on a front page. If you need a separate gallery page, you can simple save “index.html” as “gallery.html” and remove all HTML code except “portfolio” section.

Best regards!

Hello, pistachiomedia! Thanks for purchase! If you looking solution for first lightweight version, you might want to change code in line 147 of your “main.css” file.

#mainslider .container {
    padding-top: 201px;
    padding-bottom: 139px;
}

For “modern” version you can modify your “main.js” file in line 184:

    'dimensions':             "1170,800",

This is dimensions for your slider in pixels.

Best regards!

Hello, tgrino! Sorry for long response! We had problems with comment notifications.

White background is set for ”#header” in your “main.css” file in line 413 of “modern” version and line 381 of lightweight version. You can change it to RGBA value ( ex.

#header { 
    background: rgba (255,255,255,0.3);
}

).

And when you scroll down, you can target to your header this way to change it’s background color:

.is-sticky #header {
    background: rgba (255,255,255,0.3);
} 

Hello, onefarie! Thanks for purchase! The easiest way to initiate your second slider is to give to it another ID attribute instead of “horizontal_slider” (“horizontal_slider2” for example) and put following code in your “main.js”:

 //horizontal accordion
if (jQuery().elastislide) {
jQuery('#horizontal_slider2').elastislide({
imageW : 360,
border : 0,
minItems : 1,
margin : 30
});
} 

Thank you so much!! I works properly now. I appreciate your help and your quick reply!

Thanks for comment and purchasing!

Hi, Aggeler! Thanks for you interest to our template!

You can customize this HTML template using any Text Editor that you like. Dreamweaver works well.

Bootstrap is a CSS framework, that we use in our templates. It is already integrated in our template.

Hi, template_hacker! Thanks for your notice.

The “shadow” over right side of some sections – is a design feature. You can also see it in PSD version. You can simple disable by editing your “main.css” file, if you do not like it.

Main menu on small resolution has fixed height, so you can scroll it up and down when menu items do not fit to menu’s height. Can you clarify what exactly issue with main menu on small resolution?

We using nice scroll plugin for extended template layout. We do not see any problems with it, but you can simple disable this script to use a default browser scrollbar.

Any idea of how much longer?

Hello! In Saturday WP was uploaded to themeforest and it’s in the queue waiting for approval. We’ll notice You

Hello, funktronix!

We’re glad to notice You that WP version of SimpleFlex is out now. Here it is http://themeforest.net/item/simpleflex-flat-one-page-wordpress-theme/7247149

Sorry for long wait.

Damn.. My bad. I guess I’ll wait for that then

nvm

Hello, johnnienguyen!

We’re glad to notice You that WP version of SimpleFlex is out now. Here it is http://themeforest.net/item/simpleflex-flat-one-page-wordpress-theme/7247149

Sorry for long wait.