227 comments found.
I would like to ask , does html version ($15) included all the plugins ?
Hi, you can see all the features included in the item description. Many thanks, Jo
Hi josweb, So i’m finally working on getting the updated menu together. I’ve been using the theme since last May. Really nice updates, thanks for putting them together. I’m having some trouble with the class dropdown-menu sub-menu. I’m testing in Chrome and coding in Brackets. What’s happening is when i mouse over to the sub menu it disappears before I can click or get to the the sub-menu item. I apologize if this has been addressed already. Thanks, :jonah
jQuery('ul.nav li.dropdown').hover(function (){
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function (){
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();
});
and replace with:
jQuery('ul.nav li.dropdown').hover(function (){
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function (){
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();
});
jQuery('.btn-navbar').on('click',function(){
jQuery('nav#main_menu > .nav-collapse > ul.nav-pills').slideDown();
});
Could you let me know if this works for you and I will make an update.
I was able to update the script.js file but there was no change. One thing I noticed that is different from the original menu is that the sub-menu location changed depending on the location of the menu item hovered over. In the updated menu the sub-menu item is always in the same position. So to access the sub-menu you have to move right and down, but once outside of the menu, sub-menu goes away. Thanks, :jonah
I was looking at the old menu’s script.js code and you are using a .appendTo(“nav#main_menu select”) call. Does that have to do with the placement of the sub-menu item? I don’t know java, but I thought i would mention it.
I’m a bit lost now, sorry. This fix is supposed to work as the new menu is taken from the WP theme, and my developer added the new menu. I’m going to have to ask him for advice, but he’s moving home this weekend… I will get back to you once I know more.
.nav-collapse {
-webkit-transform: none !important;
z-index: 1 !important;
}
jQuery('li.dropdown').hover(function (){
jQuery('ul.dropdown-menu:first', this).stop(true, true).delay(200).fadeIn();
}, function (){
jQuery('ul.dropdown-menu:first', this).stop(true, true).delay(200).fadeOut();
});
jQuery('li.dropdown').hover(function (){
jQuery('ul.dropdown-menu:first', this).stop(true, true).delay(200).fadeIn();
}, function (){
jQuery('ul.dropdown-menu:first', this).stop(true, true).delay(200).fadeOut();
});
I tried the new code and it did not work. dropdown-menu stopped working with new code. I am working on a html site not a WP site if that makes a difference. Where should I put the .nav-collapse code? Is that going to go into the theme.css? Thanks for your help on this, :jonah
Yes this is for the html not WP 
Hummmm. I’m going to have to ask my developer again as he said that this code worked and was tested. Sorry about this!
Sure, I’ll keep checking back here.
Hi, could you contact me through my profile page, and also include a link to the demo so that we can take a look online please.
ok, I did it. Let me know what you find.
Will do
Checking in. Did you have any luck with the code?
Hi, sorry but unfortunately I haven’t heard back from my developer all week. He must have got lost in his moving boxes. I will email you once I know more.
Thanks
Hi, checking in. Any news?
I’m really sorry, but I also haven’t heard from my developer since he’s moved. I’m getting worried myself now!
I’m really sorry, but I also haven’t heard from my developer since he’s moved. I’m getting worried myself now!
I got an answer on Stackoverflow, It’s a little hack to the menu code in scripts.js I hope it’s alright that I reached out to the community. You can see it here on jsfiddle http://jsfiddle.net/zfmuf/9/
Wow, well done! Thanks so much, it’s a real help. 5 star rating for you
Hi there,
I’m having an issue with the footer div moving up as I’m editing and removing unwanted sections. It moves up and no longer displays as a footer. Is there a way to configure to keep the footer at the bottom no matter what divs are removed? Thanks
Hi, you may like to try a sticky footer. Here’s an example: http://ryanfait.com/sticky-footer/
Questions:
On this page http://www.spiralpixelthemes.co.uk/flati/red/portfolio_masonry.html possible to increase size of thumbnails, reduce to 3 columns and have video embeds?Possible to replace header text on pages with full width image or video embed?
Hi, I suppose you could do all of the above with knowledge of html. Columns can be easily reduced, you could add video embeds and add full width images. For the full width video slider you could use Slider Revolution.
Excellent theme! It’s been a huge timesaver for a project I’m working on.
However, I am having a problem with creating custom page templates from the portfolio pages. I created a template by copying and renaming page-portfolio3.php, but when I create a page with this template, the category filter does not seem to work. Any idea why? The new template is exactly identical to the page I copied it from.
If you have copied the page and the scripts correctly then I can’t see why it isn’t working.
Hey, I am loving the template, thanks for making it! I am using the masonry gallery for my photography portfolio and am having some trouble with the page load times. I was wondering if there is a way to add a lazy image loader to the page or something that won’t make all the images load at once? I would like them to load as the page scrolls if possible.
HI, you would have to use a plugin such as: http://www.appelsiini.net/projects/lazyload This maybe something I will look at when I get time to upgrade it to Bootstrap 3.
Thanks, I will check that out. I thought of another solution possibly. The image gallery pages seem to generate a thumbnail automatically. Is there a way to designate a thumbnail image that would still be responsive? For example, have a thumbnail that is say 200×150 but will still resize down when viewing on a smaller screen like mobile?
I’m not sure what you mean really but all images will be responsive and thus scale down.
<a class="vlightbox1" href="data/images1/utahphotographyzionbryceescalantegilles6.jpg" title=""><img src="data/thumbnails1/utahphotographyzionbryceescalantegilles6.jpg" alt="" /></a>
One of those linked images is the thumbnail that links directly to the full size image, so the page loads faster. Can this be done on the masonry themed pages?
I think I just answered my own question…I just needed to change the source image and leave the linked image the same…duh me. Haha. I got it figured out, thanks though
You beat me to it!
One last question, I promise. Check out my test page here: http://gillesphotography.com/redesign/Yosemite-Half-Dome-El-Capitan-Valley-Landscape-Photography2.html If you resize the window down a bit, you’ll notice that when you hover the blue hover color extends out past the image. Any way to fix that? I can provide a screen shot if you need it.
Not at present as the pic will take up a full column width when scaled down. I’m hopefully going to upgrade to Bootstrap3 which allows for more columns on smaller devices.
Awesome design! Could you help me on the PrettyPhoto? I tried putting a youtube link as a pretty photo in the RELATED PROJECTS in the single_video.html page. The video appears in the modal but does not appear proportional. I tried to us the width and height parameters in the URL string but it still appears distorted. Is there anything I am missing?
iframe { border:0; width:100%; height:100%; } to
iframe { border:0; }
Oh Thanks! Yes changed that on the CSS and it worked!
Jolly good
Hello,
How can I put a logo bigger than you have in demo without sending below the entire menu? like image or flash with 200 px width
It will need to fit or the menu will indeed go underneath.
nevermind, I already do it. I change the class=”container” for two span divs, one with span3 and the another with span9, then inside of css folder change the pixel of those span in the bootstrap file span3 to 200 and the span9 to 720
Hi, there is no ul li points?? only ol li… how can I add into the styles??
Lists are replaced with Font Awesome icons, please see example about.html which show a li example.
yes I saw it, but when the data is from DB how can insert the “class” in every list?
like ckeditor ul li list
Sorry you’ve lost me!
Hi, Great theme! One question, how do you set the border radius on the drop-down menu background, I cannot find it in theme.css?
Add it to:
.dropdown-menu
and give !important; i.e
border-radius:0px!important;
Perfect! Thanks.
I’ve been thinking about purchasing either the html or the wordpress version.
Does the wordpress version allow you to publish into the revolution slider, or just alter content under the ‘blog’ tab. (I’m new to wordpress).
Also, Is there an alternate mobile dropdown menu? The current one appears at awkward times when I’m scrolling, is a bit too big, seems to cover over too much content, and glitches some devices (scrolling becomes less responsive). Is there a way to disable the overlay and have it appear only at the top? Maybe a side menu instead of the accordian?
Love the desktop design, just some of my hopes for the mobile.
Thanks!
For WP questions it’s best to ask on the Wordpress version’s comments. There isn’t an alternative drop down for the html but there is for Wordpress.
Thanks! And my apologies. Also, does either or both templates use slider revolution v.4? Or is it an earlier one? Thanks for your quick response!
Both are on 4
Hi – my logo is 320 pixels wide. It works fine on a desktop / tablet but on a smartphone / when the browser is very narrow, the logo overlaps with the menu icon. Is there a way to fix this? Thanks.
You can either make it smaller or resize it in the media queries.
what is the max width?
Do you have it online?
No…I’m running on my local machine. Just wondering what the default out of the box max width for the logo is.
Also, two new questions regarding the Revolution slider: 1) Is it possible to randomize the order of the images for each page load 2) Is it possible to remove the progress bar on bottom of each image
To remove the progress bar: delete >
<div class="tp-bannertimer tp-bottom" />For your logo it will depend on how many menu tabs you have. It’s probably easier to resize your browser to keep testing your logo and if it fits.
Hi – I would like to change the height of the slider from 550px to 350px. Can you tell me what changes I need to make in order to support this? Thank you.
You can change the height in the slider settings at the foot of the page.
Thanks!
Subject: Flati – Responsive Flat Mobile Menu not working…
When you size the browser down to be more mobile, the navigation button does not work.I’m working within child theme of Flati that was provided. What is strange is that I have not altered any of the child pages but if I change the theme to the root Flati and not the child and keep all the same settings the mobile navigation will work but only for the root theme.
Any reason why this might happening? Any help would be greatly appreciated.
? This is the html version, not Wordpress.
Using multiple “accordians” to create different sections for a FAQ/Support page. Trouble is, only the first accordian will collapse the inner content when you click on a different element on the page. Elements in the following accordians will not collapse. Any idea what the fix would be?
You need to have a new id for each accordion.
Awesome. Thanks so much for your help
Hi Josweb!
Recently I’ve sent you private message with question regarding Flati HTML extended license and copyrights via themeforest interface. Do I have a chance to receive an answer from there or should I direct message to some other place (some direct email address or support ticket)?
Best regards, Tony.
I have replied.
Hi, nice design! Just a question: why the google map is not draggable?
It’s disabled in scripts.js. You can add it to true if you want it on.
Thanks!
I put an input box inside the revolution slider but it wont let me click in it or type anything in it at all. Any clue why and how to fix?
No idea sorry I haven’t seen an inbox on the slider.
Could I possibly get a refund then? I need a search bar on the slider.
Sorry but I cant give refunds, you will have to contact support.
Okay thank you
Beautiful theme though, wish input worked on the slider 
I’m sure you could implement it elsewhere?
Is there a way to make the robot/rocket animation (sliding in) happen from a normal div instead of the slider.
No, it’s part of the slider plugin’s animation. Sorry again!
No problem, i’ll see if I can figure it out. Thanks anyways
Hello! We love your template!
We would like to have a social media/sharing bar (facebook/twitter/pinterest) on our portfolio. Specifically when the lightbox pops up and shows the larger image. example: http://themes.spiralpixelthemes.co.uk/?product=Flati
Do you have a ready-to-use code for that?
Thank you!
Do you mean within the Prettyphoto image? If so you can by changing the script > scripts.js > prettyphoto > change to social_tools: true
This is a great design!
I have a question about customizing the marker on the google map (on the contact page.) It looks great, except for on retina displays where it appears blurry. I made a new marker twice the size, but I’m not sure how to edit the code so that the image resizes for standard screens, but also renders sharp for Retina. Any help would be greatly appreciated.
You would really need to add retina.js to the template so that you can have a 2x image.
Hi, any idea when bootstrap 3 might be implemented. Great theme !
I’m not sure yet.
