1306 comments found.
Hi there, I’ve just installed this beautiful theme and checked it on google pagespeed insights. Even while using WP Total Cache and Speed Booster Pack Plugins to speed it up, the default “Food Stylist” page isn’t coming up with more than 51% on page speed. I’ve even enabled an image compression to take down all image sizes on desktop but this is still the result. I’ve managed to get the mobile site to score 72% which is just about acceptable, but is there anything I can do about the load speed on desktop without dramatically changing things? Thanks!
Hi there,
To increase the page speed score, you should follow the suggestions in the page speed results. If you’d like you can PM me your site URL: https://themeforest.net/user/wyde#contact
If I follow some of the google resources and change the CSS references etc, would mt changes not be wiped out the next time the theme is updated?
I tested the default template Food Stylist template for speed just to check – http://wydethemes.com/overlap/onepage/ and it’s coming up with 41/100 on desktop. Could that be possibly be improved at the template level?
Thanks for your link!
As seen on the results, there are only 2 issues. To solve them, please follow this:
1. Compress and resize your images before uploading. If you’ve imported our demo content, almost of demo images are high resolution images you should replace those images with yours.
2. Compress CSS and JS files, if you’re using W3 Total Cache plugin, you have to enable Minify feature to compress all static resources files. I just sent you the configuration file of this plugin directly to your email, it will increase your page score too.
Regarding the score of our demo sites, of course it seems too low that’s because almost of images on our demo sites are high resolution. As you can see on the results, actually there is only 1 issue that is the image size is pretty large. It’s just easy to solve this, if we compress and resize images or use the smaller ones, this will increase the score but we didn’t because we prefer to use the high resolution images.
Fantastic. I did try the minify feature (and a whole combination of others too!) but it made the site hang. I’ll go and give it a shot with your settings and hopfully that’s the key! Thanks for the quick response! 
Sure, it’s my pleasure 
Ok, so I followed your instructions and uploaded the config json file. It’s sped up the desktop page now, although the mobile page has now gone from 72/100 to 63/100….(!) I know google’s probably a fickle beast, so is there any other way I can do this without sitting for hours switching things on and off to test…? Thanks again
Ok, using the speedbooster plugin, I’ve got the mobile site up again to 72/100. I’ll optimise a few images in the desktop version and see where that gets me.
Also, after you made changes on your website, please purge all caches before testing with Google page speed to see the exactly results.
hi there, i need the contact number to be clickable when viewing the site from a mobile phone. but when i add href=”tel:// to the phone number..it either disappears or the text appears really super small on my screen. can you assist?
Hi there,
I’m not sure where did you add the phone number but actually you can add it to the mobile menu in Theme Options -> Navigation -> Contact Info Items as follows:
<a href="tel:+1111888000"><i class="ol-phone" /> +1 111-888-000</a>
As seen on our demo site: http://wydethemes.com/overlap/
When you visit our demo site on mobile you will see the mobile number and email in the mobile menu and they’re all working fine.
If you’ve added it to other parts, please PM me your site URL: https://themeforest.net/user/wyde#contact so I can inspect the code to find if there was something wrong.
that worked perfectly!!! thank you!
No problem 
Hello there!
The themes was so nice and just finish installed to my hosting. Currently I’m facing a problem which is I cannot edit the homepage content? For example, I want to move the profile on top and remove the skill portfolio. Can I know how to edit it? Please let me know ya.
Thank you so much!
Regards, CM
Hello,
You can edit all of them by using Visual Composer page builder.
If you are logged in as admin or any roles who can manage content, you will see the Edit Page icon in the admin bar to edit the page. Or navigate to Pages on your WordPress admin, select the home page “Personal Portfolio” to edit it with Backend Editor.
If it still doesn’t work, please PM me your site URL and admin login credentials: https://themeforest.net/user/wyde#contact
Hello,
There was an error when I insert JQuery code.
Uncaught ReferenceError: JQuery is not defined(…)
How can I fix it?
Hello,
If the error message in the comment is exactly from your browser, you should edit your code and replace all words “JQuery” to “jQuery”.
It will be easier if I can see the code you inserted and the error message from the browser. Could you please PM me your site URL: https://themeforest.net/user/wyde#contact
Hi there,
I have some issue that my website’s menu is on the right top in desktop but in the mobile version, the menu became on left top. If I want to change mobile menu position to right top, how show I do?
I have a question that I want to make a custom overlay from the bottom (something like this theme’s menu but it will slide from bottom). I want to make a country selector that will display region first when I choice one of the regions it will slide sub-menu (like this theme’s menu effect) in the same area. How do I implement??
I’m trying to implement this function for a long time and still not working, so if you can help me to achieved I will very grateful.
Best regards,
Hi there,
1. You can add custom CSS into Theme Options -> Advanced -> Head Content to change it to the right hand side:
<style type="text/css">
.mobile-nav-icon{
left: auto;
right: 15px;
}
@media only screen and (max-width: 1079px){
#header #top-nav {
right: auto;
left: 0;
}
#top-nav .ex-menu{
right: auto;
left: 15px;
}
.dropdown-nav > ul > li.menu-item-search > .live-search-button{
padding-left: 0;
}
}
</style>
2. You need to modify the footer template to add custom code to create sliding bar or something similar. I’m sorry but it’s too difficult to provide the code and the instructions to modify this because there are many parts related. I recommend you to find someone on Envato Studio to help you customize the theme and help you out, here is where you can find them: https://studio.envato.com/explore/wordpress-customization?&sort=relevance&page=1
Hi , can you tell us how can I add quick css to change font color and other things
Regards, Raghu.
Please contact us from the account that purchased this theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.
hi, I like your theme. The only point is that the loading time of your templates is very slow. I checked this also on some of the website using your theme (about the same) ... is there a special reason, that it is that slow (especially on iphone – mainly impossible to see) ? – What would be your recomendation to make this better
Hi,
Thank you for your comments!
It’s not bad on my end. It takes only 2-3 seconds to load the home page of each demo on both desktop and mobile.
If it takes longer on your end, maybe there was some issues on the internet connection between our data center and your internet service provider.
We also have this issue sometimes. Sometimes it takes only short time to response but sometimes doesn’t.
However, we use many high resolution images on our demos. As you can see when you inspect the page with developer tools on your browser, there are only images take a long time to load, others take just a second.
You can work around this by using lower quality and smaller images on your site instead.
Hi Wyde,
1) Is it possible to create a white border around the portfolio grid tiles so that the tiles do not touch each other please? View = Overlap.
2) Is it possible to remove the grey line under the top menu please?
Thanks very much,
Top support as ever!
Ian
Hi,
1) You can add custom CSS into Theme Options -> Advanced -> Head Content as below to add white border around the items in the portfolio grid:
<style type="text/css">
.w-portfolio-grid.w-overlap .w-item {
padding: 0 16px 16px 0;
}
</style>
However, since this layout have no border by default, when you add the border around the items, the “Show More” button will be bigger than the tiles so you should hide the show more button by choosing “Hide” for Pagination Type.
2) Here is the code to remove the grey line from the top menu, add it to Theme Options -> Advanced -> Head Content:
<style type="text/css">
#header:before{
box-shadow: none;
}
</style>
Hi Wyde,
Perfect,
Not sure about the “Show more” button you refer to though. There is only the title link and magnifying glass on the tiles in my view.
Thanks,
Ian
Don’t worry, you’ve selected the right option that hides the “Show More” button so you couldn’t see it in the portfolio grid.
hi there, love the theme!! i’m using the one pager layout for now. how do i post an image per section? for example, on the one page example, there is an image behind testimonials and right above contact us. how do i add an image? because when importing the data this never happened for me.
http://wydethemes.com/overlap/onepage/#about-us-2Hi there,
Sounds like your web host couldn’t import some images when importing demo content.
Anyway, it’s a background image of the row. You have to edit the row, select the Background tab to set the background image.
Hi, I have a masonry gallery on my home page. I’m now working on a products page and I want to put a second masonry gallery on there with different portfolio items. It seems that the portfolio items I publish appear in both of the galleries. How do I split which portfolio item ends up in which gallery? Thanks!
Hi,
In the Portfolio Grid Settings window, click on Build query. Then add category name(s) in the Taxonomies field to display only items in specific categories.
Hello , I have troubles importing the footer page. I have installed the sample data but there is no footer page on it …. so I cannot assign the footer page in the theme option …. do you have the code of the DEMO FOOTER PAGE so that I can cut and paste this code in a new page and create a footer page like in the demo ? Niccolò
Hello,
Sounds like the importing process didn’t complete successfully.
Actually, when you import demo content, you will get all predefined pages including footer pages as on our demo sites.
There are 3 footer pages included in the demo content. You should import the pages in Theme Options -> Home again. Select only Pages option to see if it works. Please delete the existing pages before importing the new ones.
If it still doesn’t work, please PM me your email: https://themeforest.net/user/wyde#contact so I can send you the codes for all footer pages.
Due to our excitement at playing with overlaps we’ve ended up with a big gap between the bottom VC row and the footer of our front page. Is there a way to reduce the gap between the footer and the last item on the page please?
You can change the Padding Size of the row to reduce the gap between sections.
Edit your Footer page, then edit the row, change the Vertical Padding Size to “No Padding”.
If it still doesn’t work, please PM me your site URL: https://themeforest.net/user/wyde#contact so I can help you out.
Thanks for your link! Just replied directly to your email.
Hello, I really like your theme! Can you tell me the custom CSS to change the HEADER BACKGROUND STYLE Color? I want a none transparent navigation when I start scrolling, in another color, now it’s just light or dark with transparency :/
thank you! 
Here is the custom CSS to change the sticky header background:
#header.w-fixed:before{
background: #0035ff;
}
You can insert the code into style.css in your child theme or add it with style tag into Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
#header.w-fixed:before{
background: #0035ff;
}
</style>
Please help, as we don´t get the point. As you can see we already purchased another theme to substitute the first. Please be so kind and refund as the money for the first theme we bought. (We stay with moments)
Have you visited the page I provided in previous comment?
You can submit a refund request on that page. Again, here is the page you can request a refund: https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund-
hi boys&girls,
i bought this theme overlap: 6133cc3e-e978-45a9-a381-87fdc10ba1bb
Unfortunately i made the wrong decision and would like to cancel the purchase respectively change the theme to another one on theme forest. How can we proceed? Thank you for your advice.
Best regards Desiree
Here is where you should visit before requesting a refund: https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund-
Good Evening,
I have some problems with the “Overlap” Theme.
I have installed and updated everything, but I can’t see or do anything on a page in the overlap option section.
All is white and blanc.
So once I would like to change a title in a header for example, I can’t do so. because there ist nothing shown.
Also when I start a new page – there are no options – all is emty.
Did I missed something to be activated, do I have to insert a code somewhere ... what can I do?
Besides that: the theme is wonderfull!
But if all things would work as mentioned in the documentation … would be much nicer
Kind regards
Karin – from Germany
Hello,
Sounds like your host is not compatible with the theme or some bundled plugins and I suppose this is a server PHP issue. Please make sure your host is running on PHP 5.6 or above.
Also, if you have other plugins installed, try to deactivate them all to see if it works.
If it still doesn’t work, please PM me your site URL and admin login credentials -> https://themeforest.net/user/wyde#contact
Perfect! Some other plugins (that I used for the older Layout) blocked that – now all is fine. Thanks for your support.
Glad to hear that it has been resolved 
Hi, Nice work, Very professional. can i edit the portfolio single post gallery to add gaps between the images??
Thanks
Hi,
Sure, you can. By default the images in the gallery on the portfolio single post have 10px of the space as you can see here -> http://wydethemes.com/overlap/portfolio-item/portfolio-12/.
You can change it by adding custom CSS into Theme Options -> Advanced -> Head Content as below:
<style type="text/css">
.portfolio-gallery .post-gallery li{
padding: 0 20px 20px 10px;
}
</style>
the CSS didn’t work
Looks like that is a slider layout.
Try this one instead:
<style type="text/css">
.portfolio-slider .owl-item > div,
.portfolio-slider .owl-item a{
padding: 0 10px 0 5px;
}
</style>
yes i believe it is, Thank you. it is working now
Hi Wyde, you can see here that my footer appear in the search results : site:https://www.brockwayproduction.fr/ Is there any way to use the VC footer, without really publishing the page ?
Regards.
In the current version, the pages list displays only published pages with public visibility.
To work around this, you should select the Footer Page in Theme Options -> Footer -> Footer Content -> Page. After you select the footer page to display as footer content. You can change the footer page visibility to private to hide it from the search results.
However, after you set the footer page to private, you couldn’t update the settings in Theme Options because your footer page setting will be lost.
In the next update, we will update the pages list in Theme Options so it will show all pages from both public and private status.
Get it ! thanks !
Also i notice some improvement that can be done on the seo side :
1- https://www.brockwayproduction.fr/avantages-atouts-live-chat/
You should let us the posibility to not show the text before the image, or make it H1.
2- https://www.brockwayproduction.fr/blog/
The post title here are h4, they should be H2.
3- The footer : Delivered by your theme i see that sections have a H2 title, It should be H3 at the strongest. I will see if i can change that on my own since it’s done with VC.
Regards.
After checking :
3- is using wyde titles, so i could not change the title strengh without losing the design. Maybe you will have a solution ?
Also one last thing, do you have any code to delete this : <meta name=”generator” content=”Visual Composer 4.12.1”/>
Regards.
1. Sure you can. When you create or edit the post, scroll down to the Overlap Options, click on Title Area tab, select “Use custom title area for this post.”, then change the Display Title Area to Show so you will have the post title as H1 and this will get rid of the post title text before the post image.
2. Those are post titles in the posts list. It should be H4 because you might have too many posts in the list, some sites might have over 50 posts per page. Of course on the SEO side, you should not have too many H2 on the page. As you know it’s not good if you have 50 post titles as H2 on the page.
We use H2 for the post title but on the single post page like you have here -> https://www.brockwayproduction.fr/avantages-atouts-live-chat/ You can also change it to H1 when you display the page title area if you’d like.
3. Since all headings in the footer are Heading elements, actually it should be used as the section title so we use H2 for the heading text. But we use this element as the Widget titles so it seems you have too many H2 elements in the footer, if you worry about this, you should use the “Custom Heading” element instead of “Heading” (Title) element so you can change it from H2 to H3 or choose any other types as you please.
4. It’s not recommended to remove that code we need it to check what the current version of the plugin on our client sites without logging in as admin. However, we will add an API function for you to remove it via your child theme in the next update if you’d like.
1- I had this idea too, and it work, but i feel it just dont look quite as good. But after some design adaptation it is kind of better : https://www.brockwayproduction.fr/avantages-atouts-live-chat/
2- I dont provide 50 posts per page, so i would like to have my post title better strengh than my footer, in fact 50 post or not, post shoudnt have better strengh than a footer ? I would really like to switch to H2…
3- “Custom heading” dont have the same design at all than “wyde heading” could it be possible to make the wyde heading editable in term of title strengh ?
4- It will not be a problem for me as i use automatics tools like ManageWP to always keeps all my website updated. And concerning that fact it also raise a problem, i can with managewp and envato api update themes without issues, but since wyde core and others plugins are just archived deliver with the theme, it is impossible from the dashboard to update those.
Also just to quote an excellent design both SEO and UX wize : http://www.wpexplorer.com/cost-website-wordpress/ I particulary love in this example the integration of the breadcrumb, that i’m sure you know is good for SEO, did the theme integrate one ?
Regards.
1. Good job 
2. We will find any solution to solve this. Maybe we will have an API function to set the heading tag for the post title in the next update.
3. We will add new option for the Heading element to choose the heading type like the Custom Heading element in the next update.
4. I understand so I will provide the API function to remove it in the next update.
5. I have already updated it. Now the theme set the thumbnail size to display in the post widget to 50×50 as you can see in the code below:
<img width="50" height="50" src="https://www.brockwayproduction.fr/wp-content/uploads/2016/11/live-chat-150x150.png" class="attachment-50x50 size-50x50" alt="illustration live chat" srcset="https://www.brockwayproduction.fr/wp-content/uploads/2016/11/live-chat-150x150.png 150w, https://www.brockwayproduction.fr/wp-content/uploads/2016/11/live-chat-340x340.png 340w" sizes="(max-width: 50px) 100vw, 50px" />
However, even we set the thumbnail size to 50×50 but the smallest size that has been registered in WordPress site is 150×150 so it loads the image source from 150×150 instead.
To solve this issue, you have to register a new thumbnail size by following this:
1. Add the PHP code below to functions.php in your child theme:
function overlap_child_setup_theme() {
// Thumbnail sizes (1:1)
add_image_size('overlap-thumbnail', 50, 50, true);
}
add_action('after_setup_theme', 'overlap_child_setup_theme');
2. After you register a new thumbnail size, it will affect the images you upload in the future but won’t for all recent uploaded images. You will need to install Regenerate Thumbnails plugin ( https://wordpress.org/plugins/regenerate-thumbnails/ ). Then go to Tools -> Regen. Thumbnails to regenerate all images into new thumbnail sizes.
I will text that solution and get back to you.
Also, SEO side again : https://www.brockwayproduction.fr/portfolio-category/vitrine/
can we modify ”/portfolio-category/” because it’s not even correct in my language for exemple.
Regards.
There is no option to change the portfolio category slug in the current version. We will add new API functions for you to change it via your child theme in the next update.
Thanks, last question about SEO, did the theme is compatible with yoast breadcrumb ? Regards.
I’ve never tried this plugin and it doesn’t include in the plugin support list so I’m not sure.
Since the Yoast breadcrumb is a little bit of code that should be pasted in some place of the templates, i guess the answer is no. SEO wise the breadcrumb is a very good think, so it may be helpfull to think about it in the overall design of the theme. I will do some research on how to integrate it in your theme and get back to you.
Regards.
Thank you, I greatly appreciate your efforts and your helpful comments!
Hello there. I like the overlap theme I came across browsing the themeforest site. I’m new to the concept of web site building. I assume I purchase the theme and somehow (I dont know how) I upload/install it in envatosites and modify it. Is that how it works or I’m way off? Once I buy the theme I like how do I start working on it?
Thanx so much Zoran
Hello there,
Thank you for interesting in our theme!
This is just a WordPress theme (without hosting). To install this theme you must have a working version of WordPress already installed on your web host. You can find WordPress web hosts here -> https://wordpress.org/hosting/ We DO NOT recommend you to use a free blog on WordPress.com because it doesn’t allow you to install any other plugins.
After you purchase and download this theme, you will get the WordPress installable theme and documentation regarding the installation and importing demo content. We also provided the instructions on how to use the theme and how to build your website by using Visual Composer page builder.
Also, it’s easier if you import demo content and start building from the predefined pages.
Hi, I wanted to ask if you could explain to me how you designed the bottom of the page in the Creative Studio example of the Overlap page. There is a boat at the bottom and it fades up into the page. thanks!
Hi,
That’s a background image, we use the gradient tool from Photoshop to fade the image to white as you can see here -> http://wydethemes.com/overlap/overlap2/wp-content/uploads/sites/3/2016/02/overlap-bg-003.jpg
We add a full-width row to the bottom of the page, set the background image to the row, then add Heading element and Button element into this row.
Here is the shortcode of that row:
[vc_row row_style="full-width" background_position="center top" bg_image_url="http://wydethemes.com/overlap/overlap2/wp-content/uploads/sites/3/2016/02/overlap-bg-003-150x150.jpg" background_image="19"][vc_column overlap="top" overlap_distance="130px" overlap_index="50" text_align="center"][wyde_heading style="4" title="Get in touch!" subheading="Let's create something amazing"][vc_empty_space][wyde_button title="Go!" size="large" link="url:http%3A%2F%2Fwydethemes.com%2Foverlap%2Fcontact-2%2F||" color="#ffffff" bg_color="#000000"][vc_empty_space height="500px"][/vc_column][/vc_row]
You can insert the code into the Text Editor to create the same row as our demo. Also, please switch to the Classic Mode and change the Text Editor to Text mode before adding the code.