22360 comments found.
Hi there, I have a question regarding the position of the megamenu. I wanted to change the width as I only have two columns so I followed your advice on an earlier post by ytilles, where you suggested the following custom CSS: body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; } This reduces the width exactly as I wanted, but now the dropdown menu aligns on the left side and I can’t seem to make it come up right below the menu item from which it drops down. Do you have any advice on additional custom CSS for making it appear central or below the menu item, rather than on the left side of the menu? Thanks!!
Hi,
Sure, it’s very easy. Just add a margin-left of 0 like this:
body .sf-menu > li.megamenu > ul.sub-menu{ width: auto !important; margin-left: 0 !important; }
But also a lot of customers also use 3rd party mega menu plugins like UberMenu or Clever Mega Menu (this one has a free and premium version). So if you need more complex mega menu options or settings the theme does support those plugins.
- AJ
Hello, It looks a bug if you choose for a page Options : Title style > background image and you get more than 3 undertabs under the menu, you cannot access to the third undertab;;can you check please
Hi,
I’m not having this issue when testing locally – https://cl.ly/oO2d
Do you have a live site with the issue so I can look at to see what’s going on? If there is an issue it’s going to be a z-index related bug which should be a quick CSS fix. Thanks!
- AJ
yes. can you give me an email please.tx
Hi,
We don’t have any email for support, we use a private ticketing site – https://wpexplorer-themes.com/support/ (but it requires a valid support license to submit a ticket and I see your’s has expired).
The reason we don’t use emails and don’t post them here is because it would get flooded with SPAM and having a bunch of spam makes it hard to provide fast and good support to our customers.
Can you share the link here? Or at least a screenshot?
Also is your theme all up to date?
- http://wpexplorer-themes.com/total/changelog/
- http://wpexplorer-themes.com/total/docs-category/updates/
Otherwise you can always renew your support license (it’s on super sale now) so that you can submit private tickets.
- AJ
Hello, I get the last Total version but still have the bug. 1/ I invite you to check on this page with “background image” title : https://www.creationdesitesweb.be/scapr/working-groups/ , try to go to the tab “Membership” > “our ordinary members” 2/ on the homepage when I scroll the row “board members”, the sticky menu disapear behind the content. thanks
Hi,
Oh this is because of some custom CSS located at Theme Panel > Custom CSS which was imported from a demo to add a shadow under the header. Simply go to Theme Panel > Custom CSS and remove this code:
#site-header {
position: relative;
z-index: 1;
box-shadow: 0 15px 20px rgba(0,0,0,0.035);
}
Or…instead you can add this code to the panel:
.page-header {
z-index: 0;
}
- AJ
thanks. it’s working now and what about the second point : 2/ when I scroll down in the homepage; at the height of the row “board members”, the sticky menu disapear behind the content. thanks
Hi,
Sorry I missed that part! If you used the second suggestion then you will still have issues. So I recommend doing the first part I mentioned earlier removing the z-index from the custom CSS which will fix it. Example: https://cl.ly/oUBs
For some reason on your site it’s showing the code twice, so I’m wondering if you actually added the code rather then removing it. Please double check.
- AJ
Archive pages working properly with 1, 2, 4 columns depend of screen wide https://artkept.com/artist/stanislav-zagorodnikov/
Hi,
This particular module doesn’t have built-in responsive column settings but it’s very easy to tweak via a little CSS. Example:
@media only screen and (min-width: 500px) and (max-width: 959px) {
body .vc_grid-item.vc_col-sm-3 {
width: 50%;
display: inline-block !important;
}
}
Result: https://cl.ly/oNbK
- AJ
Theme works okay but one question, can i set the single blog ‘settings’ so my slider and slider margin are ‘default’ now they must be set in every post. But it would be nice to set them for all posts
Hi,
I’m not quite sure what you mean, are you adding custom sliders to the posts via the meta settings? Can you share an example?
If all you want to do is add a slider to ALL your posts you can do that easily via a filter. Example: https://wpexplorer-themes.com/total/snippets/display-a-post-slider-anywhere/
But when using the blog you can also add post sliders like this – https://wpexplorer-themes.com/total/docs/post-slider-gallery/ – Example: http://totaltheme.wpengine.com/travel/gday-sydney-lets-have-an-adventure/
I’ll be happy to help you but I’m not sure what you are doing, thank you for explaining!
- AJ
Okay, thanks for the reply but what i mean is that on every single blog item i now need to set slider shortcode and slider margin. Can make a WP template but i hoped i could set it in global/Theme settingse so i only have to edit the content of the post… without having to set the slider shortcode and margin also…
Hi,
You can do this easily with a little code as I mentioned in my last comment : https://cl.ly/oPZ4
So if you want the exact same slider on ALL posts you would add this code to your child theme functions.php file – http://wpexplorer-themes.com/total/docs/child-theme/
function my_category_slider( $slider ) {
if ( is_singular( 'post' ) ) {
$slider = 'YOUR SLIDER SHORTCODE';
}
return $slider;
}
add_filter( 'wpex_post_slider_shortcode', 'my_category_slider' );
For the margin you can just use a little CSS, example:
body.single .page-slider { margin-bottom: 30px; }
http://wpexplorer-themes.com/total/docs/making-css-edits/
The reason there isn’t any global setting in the Customizer is most customers will never enable the same slider on all their pages and so it adds extra bloat (would require a setting for each post type and supported plugins like WooCommerce, Events Calendar…etc) so it’s quite a bit of added bloat.
- AJ
Thanks that does the job 
we would like to upgrade our layerslide to latest version 6.5, where can we get the layerslider license code?
Hi,
I will be releasing a Total update this week and it will include the latest version of the plugin. If you want simply submit a private ticket and we’ll zip over the plugin for you right away – https://wpexplorer-themes.com/support/
Bundle plugins don’t include licenses but updates are provided via the theme, more info here – https://wpexplorer-themes.com/total/docs/bundled-product-license/
- AJ
Can You Simply Provide us a zip file of Layerslider Plugin ….?
Submitted the ticket on https://wpexplorer-themes.com/support/ Please let us Know If You had sent us an Email aboout the zip file of Layerslider plugin
It looks like my support staff replied explaining how to download it from TheemForest. But I just emailed you back with the direct actual zip file. Sorry for the inconvenience.
we would like to activate our layerslider and it is asking for product activation key ! Please help us providing product activation code so we can upgrade our layer slider to premium version ….
Hi,
I explained in my first reply regarding activation but I think you may have missed it. Basically, bundled plugins don’t include licenses specifically for the plugin, but updates and support are provided via the theme.
More info here:
- https://help.market.envato.com/hc/en-us/articles/213762463-Bundled-Plugins
- https://wpexplorer-themes.com/total/docs/bundled-product-license/
This is how all bundled plugins work on Envato. Because you are getting the plugin for free you have access to the default functionality and updates via the theme. But if you want to use any of their available “premium” features then you need to purchase your own separate license.
Make sense?
- AJ
Yes ! Thank You.
how can I order blog posts with popularity? I use this advanced query, but doesnt work. https://wordpress.stackexchange.com/questions/49330/how-to-query-for-most-viewed-posts-and-show-top-5
I wrote: post_type=post&meta_key=post_views_count&orderby=meta_value_num
Where are you trying to order them? Homepage, archives, custom builder module…
- AJ
İn blog grid and post type grid. İ dont know how can order by popularity?
That looks fine then for your custom query, but WordPress doesn’t have any built-in popularity function so you need to use a plugin to store the data for post views. Did you install a plugin for that yet?
if I say right, I havent any idea about it. I wanted to ask from you that is it possible. I use WP postview plugin. Only I found this codes from Google. I dont know they are true or false
Is this the plugin you are using? https://wordpress.org/plugins/wp-postviews/
If so, it says it on their docs the correct way to sort: https://cl.ly/oOfu
So instead of “post_views_count” like the snippet you found you would just use “views”
- AJ
Hi,
You can further customize the button under Customize > Typography > Button. But the reason there isn’t a built-in font-size is because it will conflict with buttons that need smaller sizes (like certain WooCommerce buttons, some builder modules, etc). Buttons aren’t all the same size.
Is there a specific button you want to alter? I can provide the CSS for that.
- AJ
Thanks Mohammed
I basically want to make the button as wide as the input text fields and reduce some of the unnecessary spacing between the fields and the button
Hi,
The issue is the spacing is coming from the way the form is coded and it’s a bit tricky to remove because there isn’t any unique class added to the button, removing the extra space removes it on all elements – https://cl.ly/oODB – the best way to remove that spacing is probably to remove that empty label you see in the video, but I have never heard of this agile form thing so I don’t know how that would be done. If you pasted HTML for this form then you should be able to edit it, if this is a plugin shortcode then you should reach out to the plugin devs and see how to remove that empty label which is adding a lot of extra space above the button.
Making the button full-width is very easy though via CSS:
.agile-button-field { display: block; }
.agile-button-field button { width: 100%; margin: 0; }
- AJ
Thanks AJ. I tried the CSS to make the form button full-width, but it doesn’t seem to be working. Could you kindly recheck?
It works in the browser – https://cl.ly/oO6t – you may need to add !important tags depending how you are adding the CSS. Also make sure to clear any site cache.
Example:
Perfect! The Important tag worked. Appreciate your help.
Hey AJ, I managed to get the CRM guys (whose form this is) to get the extra space removed. Can you plz help me with the CSS to make the form input fields as wide as the button so it looks uniform on all devices.
http://prntscr.com/hpedq4Appreciate your help.
The issue is that your fields have a wrapper around them with a width of 250px so you need to reset it:
.agile-field-xlarge { width: 100% !important; }
The inputs already have a 100% width so that should be all you need.
- AJ
Thanks. That did the trick…
Hi. I found issues. I use “Wp custom gallery link” plugin (https://wordpress.org/plugins/wp-gallery-custom-links/) . Because I use custom wordpress gallery for my posts (It is easy). But when I add custom links to images with this plugin, in desktop everything work perfect, but in mobile again open lightbox, not link. When I change theme everything work good. I think it is about Total theme. And I notice wordpress custom gallery is not responsive. I use some css codes. if you wish you can add default css in new update
Hi,
It’s hard to know what the issue is without looking at it live. Can you first make sure you have disabled the theme’s custom gallery output under Theme Panel – https://wpexplorer-themes.com/total/docs/custom-wp-gallery/
- AJ
I deactive it from theme panel and download Simple lightbox and works now. But if you want to look issues, you can visit to this blog. In desktop gallery open another site, but in mobile doesnt work. Site: http://blog.masterstudio.az/resmlerimizi-nece-gozoxsayan-ede-bilerik/
Have you enabled the function for auto lightbox as well? That will target all images on the post so it can conflict with 3rd party gallery plugins – https://wpexplorer-themes.com/total/snippets/auto-img-lightbox/
On the page you mention though I see the images linking to the current page on desktop and mobile – https://cl.ly/oO7f
Wow, what a cool looking site you are making, great work!!
- AJ
Hi I am building a site for this clients around your Total theme.
I built this template with an embedded iframe and some custom setting for the info flip on the side. The layout works beautifully on Chrome and Firefox, but totally goes to pieces on Safari. The hover image shows the other side at the same time flipped backwards if I use transparency, but also even with an opaque background on the flip animation still flashes the flip side’s text in reverse!
Here’s the link: http://www.filmstreetwise.com/site/video-overlay/
Can you tell me what I have to do to make this work on Safari please????
Thanks
Hi,
Are you referring to the animation being a bit “slower” in Safari? This is what I see: https://cl.ly/oOw4
To be honest though it’s a bit confusing from a user-perspective. If I had viewed the site for the first time I wouldn’t think to hover over the section. Have you considered just showing the info by default without the hover? It would be better for usability but also for SEO (imo).
- AJ
Hi, that was not the point. The speed or wether it looks good or not is not the issue. On Safari when it flips you see the back content in reverse before the text rights itself.
I have also found another issue, I am testing the theme footer reveal. It was working very well and then the reveal just stopped working, so now it’s just a footer, and I can’t find what the problem is.
VM
Hi,
Oh, ok I see what you mean now. I didn’t understand what you meant which is why I replied as a question. Thank you for confirming!
The reason it’s reversed is because that is how a “flip” works, the issue though is that it’s becoming visible a bit too soon. This is a very a browser bug but it’s a very easy fix.
If you add this CSS to the site it should fix it:
.vc-hoverbox-block, .vc-hoverbox-block-inner * { -webkit-backface-visibility: hidden; }
Result: https://cl.ly/oQje
I added the code for the upcoming update as well. Thanks for the heads up!
Regarding the footer reveal…I don’t see the footer reveal element on the site (when enabled it adds a new div around the footer with the classname “footer-reveal” but it’s not being added on your site). Can you double check in the theme options that it hasn’t been disabled?
- AJ
On my site, leecarter.net, I need my sub dropdown menus to open to the left. The first time I added “left-submenus” to the “CSS Classes (optional)” field, it worked.
But after removing it, trying something else, and adding it back, it’s not working.
The problem is that the some of the Plan Of Study Submenu items are going off the right side of the page. Thanks!!! Lee
Hi Lee,
I see you have the class added to the sub-items but you need to add it to the top level menu item – https://cl.ly/oOLw
So make sure the left-dropdowns class is added to the “Plan Of Study” top link and it should work.
- AJ
Thanks AJ! I guess I did that at some point but missed it the next time.
I accidentally deleted my site and need to reset my license in order to reinstall it.
Hi,
You can always log into the support site to reset your license – https://wpexplorer-themes.com/support/
- AJ
Hi AJ, Here’s my url: thepatronscaddy.com. I need to color the active menu item, probably in yellow. How would I do that? Thanks, Robert
Hi Robert,
If you go to Appearance > Customize > Header > Menu you can alter all the menu colors including the active menu item color.
- AJ
Thanks, I changes Link Color: Current Menu Item to green and it hasn’t had any effect. Not sure why. Thanks, Robert
Oh yes, it looks like you enabled the Overlay Header – https://wpexplorer-themes.com/total/docs/overlay-header/ – this header has a custom output (it must because for example if you made your links black in the Customizer they wouldn’t work in the overlay header style pages).
If you want to target the overlay header only then you will be using custom CSS. Example:
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li.current-menu-item > a {
color: #076653;
}
But I checked and it looks like you have the “local-scroll” class added to your menu items so the current-menu-class won’t be added. These aren’t actually local scroll menu items so be sure to edit your menu and remove those extra classes or the CSS won’t work.
- AJ
Sorry, AJ, but where do I change that? I had originally made a one-page site with local scroll but changed the design so local scroll was an artifact from a while ago. I just went through each row of each page and I only found one local scroll item and deleted it. Your code mentions drop-down menus? Should I take that out? Thanks, Robert
Hi Robert,
What I mean is to go to Appearance > Menu and edit the items to remove the extra local-scroll classname that’s added to each menu item in the menu dashboard.
- AJ
Got it! Thanks, Fixed!
Woo hoo! Thank you!!!

Hello friend how to activate slider revolution plugin ?
Hi,
Because it’s a bundled plugin it can’t be activated unless you purchase your own license. More info here:
- https://wpexplorer-themes.com/total/docs/bundled-product-license/
- https://help.market.envato.com/hc/en-us/articles/213762463-Bundled-Plugins
Updates and demo sliders are provided via the theme and support but if you want access to some of the premium features you either have to hack the plugin or purchase a separate license.
- AJ
The “top bar” option isn’t showing up in my customizer. that is, there is no appearance > customize > top bar. version 4.5.3. could there be a simple explanation why this might be?
Hi,
Can you make sure it hasn’t been disabled under Theme Panel > Customizer Manager?
- AJ
yes that was the first thing i did. i didn’t see it there either.
nevermind…. i was looking in the wrong place. found it. thanks. glad that was a quick fix.
Great 
Thank you for solving the problem with activation! Now everything works fine 

Something is wrong with the activation server, its not allowing me to deactivare or activate the theme.
Hi,
Can you try again, it appears our server may have been down for a bit yesterday. If you still have issues please let me know.
- AJ
All good now AJ, was just a few hours apparently. Thanks
Great! If you have any other issues or questions please let me know 
My theme license will not work. Yesterday I wiped out my install and “envato active link” has changed from http:// to https://. I don’t want to force a 301. When deactivating the current active URL in the Envato panel it doesn’t work; nothing happens.
Please advise, or please manually deactivate theme URL on your end. Thank you for the excellent theme 
Most respectfully, _Evan
All fixed!
Hello, I just got your theme and I am having the same problem as keywordsagency would love to know how to fix this! Thanks!
Hi,
Can you make sure your server meets the WordPress requirements – https://wordpress.org/about/requirements/ – and that you do not have outgoing connections disabled on the server?
If you continue having issues please open a ticket with the logins so we can see for you – https://wpexplorer-themes.com/support/
The function should be working as I see many licenses being activated in the last 24 hours and I tested myself as well to confirm.
- AJ
Actually, can you try again, it appears our server may have been down for a bit yesterday. If you still have issues please let me know!
- AJ
Hi, we are trying to activate the license but when we insert the code, the upload icon is displayed but does not activate the theme.
Hi,
Can you make sure your server meets the WordPress requirements – https://wordpress.org/about/requirements/ – and that you do not have outgoing connections disabled on the server?
If you continue having issues please open a ticket with the logins so we can see for you – https://wpexplorer-themes.com/support/
The function should be working as I see many licenses being activated in the last 24 hours and I tested myself as well to confirm.
- AJ