22360 comments found.
Question about Feature Box:
I’m wondering if there is a way to format the entire Feature Box left image so that the link and hover is applied to entire box rather than just the image link or heading link.
I’m wanting to accomplish something like the Icon Box with background hover.
The reason I am not using the Icon Box (with image) is because when I try to apply a border color to the entire box absolutely nothing happens. The only time I am able to get a border color to work is with the Icon Box top (and even then I have to modify style in child theme).
What I’m really wondering is if we can do a feature box link wrap?
Hi,
The icon box border is working for me for sure – https://cl.ly/njIE – one thing to make sure is you are selecting your border style in the design options. Maybe that’s what’s missing?
The issue with the feature box and how it works is this module has a custom link for the heading and another for the image (I got a lot of requests for that). So applying the link wrap may be a bit complicated here.
What are you trying to do exactly (do you have a mockup)? If the icon box is not going to work out well for you and you just need a very simple left image/right text module I could assist with creating a custom module for you. it’s actually pretty easy – https://wpexplorer-themes.com/total/docs/new-vc-module/
- AJ
Browse to staging.uaoh.net/government-services. Toward bottom of the page you will see a test row under Public Services where I have four generic boxes. I want the icon box to look exactly like the feature boxes (same border, same padding, etc) above that row. But, I like the hover effect of the icon boxes in that row.
It doesn’t matter what I do or how I format the Left icon, as soon as I set any border color, size radius etc in the Container Design section and save changes then EVERYTHING within that container section is set back to default.
My settings for the Feature Box are as follows: Vertical Align Content, Content Placement Right, Content Width 60%, Image Width 40%, Padding 15px, and Border 1px solid #b28901; border-radius: 5px.
I would like the Outlined and Top Icon – legacy option with a LEFT ICON
The options for the border will only reset in the container design tab if you don’t select a border style or color – can you double check that?
I’m not having an issue when testing myself locally – https://cl.ly/nkPh
- AJ
WOW! Thanks so much. It happens that I was missing my border style. This is great. BUT, as you can see from my staging site, I am not needing filler text to prevent image/border overlap. Is there a way to do a vertical alignment? Like I said earlier the Top Icon appears to have it going on.
That’s because the left icon style has the image absolutely positioned so the container doesn’t know how large it has to be.
Just give your icon boxes a classname like this – https://cl.ly/nlWM (use whatever unique name you want)
Then add this CSS to the page:
.set-min-height { height: 140px; }
But tweak the 140px to the value you want for the height.
And they should work beautifully afterwards 
- AJ
THANK YOU! This is exactly what I need.

I love the theme 
Great! I’m so glad you like it 
Hey! My product thumbnails are not showing in the shop catalog when setting my crop size in the Image Size section of the theme’s panel. Under the WooCommerce Tab. Please help. Thanks
What sizes are you using? The only reason for image sizing to not work in the theme is if the ImageMagick script is not running on the server which is used by WordPress to crop/resize images or if the permissions set on the wp-content/uploads/ folder are too strict so images can’t be saved there.
Can you ask your webhost to make sure for you?
If you are unable to trouble shoot the issue you can open a ticket as well and send us the logins to the site so we can help see what’s going on – https://wpexplorer-themes.com/support/
- AJ
I am working on another site and would like to use the total theme – however it is important that the site have a sticky sidebar – is that possible with total? I cannot seem to get the mystickysidebar plugin to work with the total theme and would appreciate any suggestions you may have before choosing another theme. thank you
Hi,
Definitely, a lot of people are using plugins for sticky sidebar (it is best done via a plugin). Which plugin are you using? If you let me know I can download it and have a look and see why it’s not working.
But of course it would always be possible with a little javascript which I could assist with 
- AJ
Am using the plugin Mystickysidebar on http://dev.galmedpharma.com/company-profile/ but it doesn’t seem to have any effect.
The sticky is definitely working on the site as you can see here: https://cl.ly/ni7o
But there are 2 issues:
1. It’s not accounting for the sticky header height which you can use some CSS to tweak (I can help if needed).
2. It won’t do anything on this page - http://dev.galmedpharma.com/company-profile/ – because there isn’t a sidebar added. This is a Visual Composer column: https://cl.ly/niTx
- AJ
ps: Do you plan on purchasing a new license once the site goes live? Thanks!
yes – I really like this theme and would like to use it. I just need to confirm that it fulfills all the clients’ requirements. In checking the code – I see that both pages use the widgetised sidebar so the only difference was when I removed the layerslider from the top of the page. If you could help with the css on that – please let me know if that is within the framework of the support or at an additional cost – thanks
Awesome, I’m glad you like the theme 
Ok, sorry I was a bit confused. Both pages are using visual composer for the sidebar.
But I would highly recommend you use the default sidebar area which would be much easier then creating a custom layout for each page with the Visual Composer.
Currently your sidebar is located here : https://cl.ly/njda
This is happening because your content area is set to 90% width and your sidebar to 26% – https://cl.ly/nji9 – this is either coming from your custom CSS or the layout width settings – https://wpexplorer-themes.com/total/docs/customize-your-layout-widths/
I can’t tell why the profile page won’t work but it seems like it may have to do with the sticky plugin settings as it’s not adding the correct classes much like it does on the page where it does work – https://cl.ly/njnd – did you perhaps use a different widget area or a unique classname for this that you forgot to add to the other?
Custom CSS isn’t included in support but I personally do provide help with small tweaks unlike other developers 
Unfortunately it looks like the plugin you are using doesn’t apply a custom class to the sidebar when it becomes sticky so you can’t target it with CSS. Can you ask the developer if there is anyway to add an offset when it’s sticky? Looks like you may be using the premium plugin “Theia Sticky Sidebar” – when I look at the javascript for the Theia sticky sidebar on Github it looks like there is a top margin setting which may also be available in their plugin.
- AJ
Dear team,
for a website I use header style 2 with a custom ‘Header Aside Content’. I use the Qtranslate-X plugin for translating the website. Evertyhing works, but not the header aside. Could you tell me if I do something wrong?
Thnx for the great support of Total!
Hi there,
Nice to hear from you again, I hope you are doing well.
The header aside content is stored in the theme_mods option table in WordPress. I honestly don’t have any experience with Qtranslate-X everyone uses WPML or Polylang which Total supports 100%.
Do you know if the plugin allows you to define custom “strings” or theme_mods to translate? I tried looking in their plugin documentation but can’t find anything. Do they offer support with their plugin?
One alternative is also to create a template with the page builder or a standard page and then enter the ID for that page into the aside content box in the Customizer. This way you can just translate the template/page and it should hopefully work if the plugin correctly translates ID’s.
- AJ
Hello. I am still addressing how to improve the speed of my website on mobile as google page speed results still indicate a poor performance in comparison to I have no more options left to fix page speed but the following
If I use the Simply Static plugin I will create html static copies of all my site. Is this compatible with this theme ? Will this help improve my page loading times? Regards
Hi,
Thank you for your patience, I’ve been sick lately but feeling much better now!
In general Google Page Speed is useless when it comes to increasing actual page speed performance. It’s not entirely useless but for most cases it is. You can have a page score of 100 and the site loads in 10 seconds or a score of 40 and the site loads in 0.4 seconds. In the end what actually matters is speed not score. So when using the Google insights tool you really need to know how to interpret the data and make tweaks that actually speed up the site not just increase your score. I much prefer GTMetrix and looking at your waterfall to see what can be fixed – https://gtmetrix.com/
Personally I would not recommend Simply Static plugin. If your hosting company doesn’t offer built-in WordPress caching (all the top WP hosting companies do) then you will want to install a caching plugin. The most popular and best ones are W3 Total Cache, WP Super Cache and WP Rocket. But again you really need to know how to tweak these plugins since it depends a lot on the hosting company. That’s why I only recommend WordPress hosting companies that offer built-in Cache.
Using a 3rd party CDN/caching service though like CloudFlare can help a lot with speed (we use it on our sites for added security but it helps with speed as well).
I have some tips here: https://wpexplorer-themes.com/total/docs/speeding-site/
But I can only really help you specifically if you can share the URL so I can inspect it 
- AJ
Thank you. I was not referring to score. I was concerned with mobile speed only. However I have this error that occurs on the word press when Yoast plug in is activated and no other plug ins are present
p_seo_get_bc_title is deprecated since version WPSEO 5.8! Use wpseo_breadcrumb_single_link_info instead. in /home/thomaslo/public_html/wp-includes/functions.php on line 4082
Your speed on mobile will be the same as on desktop since it’s a responsive theme. The only way to have a different speed on mobile is using a mobile theme plugin or an AMP plugin Did you want to share the URL so I can provide you with some tips?
Thanks for the heads up on p_seo_get_bc_title the error is technically coming from the plugin but it shows because the theme is using the filter. The plugin literally updated earlier today, I’ve already added a fix for the upcoming theme update 
- AJ
Thank you . The url would be any of my menu or the main site www.thomaslorenzo.com
Oh, I remember this site from previous conversations 
The site is loading pretty fast and it’s only 1.5MB and you are using max CDN (awesome).
I tested using 3G network and the site is loading in 1.1 seconds for me which is really good. But then it takes an extra couple seconds to load the facebook application. I’ll see if I can add a lazy load function for the like box widget in the next bigger update (it should be possible).
When testing on pingdomtools I am seeing most the time spent on the server-side – https://cl.ly/nkIe – but this could be due to where your site is hosted and the test server location being far apart or just slowness on the server’s end (I see you are using caching so it’s not from the WP part). Where is your site hosted?
- AJ
Thank you.
In relation to face book I personally would only need a simple design where I can see number of likes and my face. My site is hosted on ventra ip in Melbourne. They state the LSCache is built directly into the web server, and to use the plug in LS cache. If I use cloud fare would this help speed it up a bit more ?
It’s possible CloudFlare could help but I can’t really guarantee anything. You’ll need to contact them to ask or ask your hosting company.
Another option of course is to use AMP for mobile devices (many plugins out there for this free and premium). That can greatly speed things up on mobile devices that support AMP.
But your website doesn’t really seem to be slow so I’m not sure why there is so much concern here.
- AJ
Thank you. I will leave it as it is for now I have read your documents on local scrolling. I have managed to do so with the total button. How can i scroll in a page for the visual composer´s single image with css and hover box with css. I think i have to add the class name local scroll link but I cannot figure it out. I hope you have help. Regards
Check out the new Total “Image Module” this one supports local scroll and it has more settings 
The hover box won’t work without some added edits. I’ll have a look to see if it’s possible, if not you would have to use javascript. Personally I don’t recommend flip boxes because they are bad for usability if you can avoid them I would (best to the text by default such as the Icon box module).
- AJ
No need for the hover box. I was just testing it .OK. I will not use the flip box. The total image module ? I can not see it in visual composer where is it?
If you don’t see it it’s because your theme is outdated – http://wpexplorer-themes.com/total/changelog/
What version are you on? https://wpexplorer-themes.com/total/docs/locate-current-theme-version/
- Aj
Hi, I a beginner, but, this is my 2nd site in 5 years with WP and I have been to 4 wordcamps, to learn WP. I am halfway through reading the documentation and have covered the logo part.
My logo appears small. So I created a larger one (700 × 185) in Photoshop and it still looks the same (small) in the total theme. What do I need to do? Link: http://alpha.phillip-todd.com/portfolio/
I want it to look more like here: http://phillip-todd.com/
Thanks!
ok, I fixed it. It was under “Sticky Header” logo start height and logo shrunk height.
Hello AJ,
Here are 3 minor questions, please :
1: In the Toggle Bar frame, is there a way to start a CSS animation delay (on a VC module) when the frame is opened, instead of when the main page has finished loading ?
2: Still regarding the Toggle Bar, I’ve added the snippet “Custom Togglebar Toggle Link for Main Menu” but can’t see how to insert such a link
3: Is there a way in Total to disable “Standard fonts” in VC Typography dropdowns ? (I never use them)
Thanks in advance,
Michel
Hi Michel,
1. Yes, but it requires a modification to the theme files or custom javascript. I’ll look into this for the next update, but I don’t really recommend adding any animation it’s just too much from a user’s perspective, a bit crazy if you ask me 
Basically u need to add CSS to hide all the animated elements after site loaded then re-trigger them when the toggle is clicked. If you want I can give you the code to paste into your child theme’s functions.php file now. Let me know.
2. Whatever you added for the classname in the code should be used in the menu classname. I updated the snippet with a screenshot: https://wpexplorer-themes.com/total/snippets/custom-togglebar-toggle-link-main-menu/
3. Using code, but not via any setting. Because it doesn’t slow anything down (unlike Google fonts where there is hundreds) there is no need for a built-in setting.
But using code it would be this: https://wpexplorer-themes.com/total/snippets/remove-standard-font-options/
- AJ
Hello AJ,
Thank you for your help, here’s what I’ve observed :
1: Yes please, I’d be glad with your code, as I only plan a slight animation in the toggle bar : http://www.pnet.fr/togbar.png
2: Nothing happens when clicking on the new menu item, I’m probably missing something : http://www.pnet.fr/togbar-toggle-from-main-menu.png
3: The line “breaks” the site (it appears as I typed it in the image above)
Michel
1. Do you need it to fade every time you click to open the topbar or just the first time? It really depends on the code and this is actually pretty tricky to do will take 15 mins or so to figure out…
2. Ah yes, It needs a little tweaking the code is running too early. Change wp_head to wp_footer that should work 
3. This could be due to an outdated theme since I made some tweaks recently for this filter to work properly.
- AJ
It will be fine without the animation.
The code for disabling standard fonts in VC works fine now (and I run Total 4.5.1).
Thanks also for your feedback about PHP version.
What is the font name of the logo? I would like to make a logo with my name in this font
For which demo? If you are looking at the base Demo the font is named Wisdom Script: http://www.losttype.com/font/?name=wisdom_script
Here is the PSD if you want it: https://cl.ly/nhBT
- AJ
The Travel Blog (:
Oh sorry, ok the font used in that demo is called “Manhattan Darling” – if you Google the font you can find it or free or premium. If you want to give us the text we can also just make the logo and email it to you.
- AJ
Thnx!
Can you make a logo with: dit is dorien
At the same font size and color?
Yes! Would be nice!
Here is a PNG: https://cl.ly/njg8
And here is an optimized jpeg: https://cl.ly/njWc
So you can use which ever works best for you and looks best 
- AJ
Hi, I am planning on purchasing another copy of the theme for a new client project. The client insists that even though we are using a readymade theme, he wants to white-label the same so anyone looking at the source code or CSS file does not see the word Total anywhere.
Also, i am concerned about how theme updates would be handled if we decide to change the theme folder name etc.
Lastly, when updating a theme, is all custom CSS maintained?
Is there any plugin etc that can help us achieve this quickly and with less hassle? Do let me know. Thanks
Hi,
That’s awesome 
If you must remove the name “Total’ from the source code the only things you really need to do are the following:
1. Rename the folder after or before uploading the theme
2. Remove the generator tag – https://wpexplorer-themes.com/total/snippets/remove-theme-meta-generator/
3. Use a plugin to minify and combine all css/js
You are correct about updates, they won’t work because the way WordPress works is the updates are based on the theme folder’s name so if it’s no longer Total it won’t work. In this case I would recommend not using the auto updates and the client would have to update manually in the future.
I would encourage the customer though to not worry about any “branding” in the source code. It makes 0 difference in terms of SEO (of course), 99% of visitors don’t look at source code or even care and the other 1% that may look at the source will also not give 2 craps if they are starting out with a pre-made template. Also you should be proud to use such an amazing theme 
And yes, all custom CSS is stored in your database so updating your theme will never override it.
- AJ
Hi, where i can find the main header php file?
The main “header” file is in the core theme at header.php – but this theme is very modular/advanced so the actual content added to the header is done via hooks – http://wpexplorer-themes.com/total/docs/action-hooks/ – and loading template parts. You can find all the header template parts at Total/partials/header.
If you need any help tweaking something in particular let me know. This theme is filled with filters so you should never ever have to edit the files manually as anything can be tweaked using action hooks and filters – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/
- AJ
Hi AJ, Would you happen to know how we can setup a Blog Sidebar with multiple items, but have one item stay fixed to the side upon scroll.
Plz refer to https://goo.gl/uNGNYs and notice how the ebook sidebar image remains fixed to the sidebar when the page is scrolled.
Thanks!
Hi,
You’ll need to use a sticky widget plugin. There are a few out there, just google “Sticky widget WordPress plugin” you should be able to find one 
- AJ
Oh, I just checked their source code and the website you mentioned is actually using custom javascript which you can see in the code if you rather write your own script like they did and use their’s as inspiration – https://cl.ly/nhlP
- AJ
Hi, Can you plz let me know how to make the mega-menu full width as in this site : https://vtldesign.com/.
Also, how can i have a bottom border for the menu when using Header Style 2 with Bottom Navbar? You will see a light grey border at the bottom of the menu in the above site.
Hi,
* The theme’s mega menu is going to be the width of the header element. The only way to make it expand 100% of the screen width would be to either set a full-width header - https://wpexplorer-themes.com/total/docs/full-width-header/ – or using custom javascript to re-calculate the menu width.Also Total does support 3rd party mega menu plugins such as UberMenu if you prefer to use those.
- With a little CSS like this:
#site-header { border-bottom: 5px solid #f4f4f4; }
http://wpexplorer-themes.com/total/docs/making-css-edits/
- AJ
Thanks
Hello, AJ. I don’t use Visual Composer due to site speed reasons, I guess many others won’t be doing as well. Are there any plans to add a readymade Portfolio page template to make our lives easier?
Thanks.
Hi,
The Visual Composer is incredibly fast and most customers do use the plugin (the only people not using the plugin are some bloggers and some people that prefer the Elementor builder). If it’s slow, it may be a good time to consider switching to a better hosting plan (my recommendation is always Flywheel – but siteground is also good in terms of budget hosting). Or have a look at your current hosting plan or installed plugins to see what’s slowing things down.
That said, I did add an option in the last update so you can enable the auto portfolio
See here: https://cl.ly/ng76
This is available in 4.5 for all the built-in post types:
- http://wpexplorer-themes.com/total/changelog/
- http://wpexplorer-themes.com/total/docs-category/updates/
- AJ
Hello AJ,
I’ve updated to to 4.5.1 on Flywheel : the license key now appears, but the VC plugin update still fails (nothing urgent for me about it).
On my “normal” site, I’m currently testing WP Supercache plugin instead of W3 Super cache, and don’t notice any performance difference.
Do you think please that it could be better with Autoptimize plugin, or even WP Rocket ?
Have a nice day,
Michel
Hi Michel,
Did you never receive my response to your ticket? https://cl.ly/nfQM
Please check your SPAM box incase it’s going there. Here I explained why you can’t update the plugins (due to your private settings on Flywheel).
I do not like Autoptimize at all…WP Rocket is good.
BUT…Flywheel has built-in cache you should NOT be installing a caching plugin like W3 Super Cache .
- AJ
Hello AJ,
Thank you for your checking on Flywheel and feedback about caching.
I haven’t found in my spam box, but I also couldn’t update plugins on my “normal” host in France (even with 4.5.1).
Maybe I could delete the 2 plugins and then rely on Total to install them ?
That’s not a problem for me though, I’m very happy with Total 4.4.1 
Michel
Hi Michel,
It will most likely not work if you delete the plugins and then re-install them because if the server can’t access the plugins to update then it can’t access them to install.
If you don’t update now you may run into issues later or there is a crucial security patch, you will have to update anyway, so best to get things sorted now 
Did you try on Flywheel as suggested disabling the privacy function?
Also you know, you can always just replace the files via FTP.
I know for a fact the issue on Flywheel is the privacy, but on the other server I don’t know what could be going on – maybe server permission errors or most likely Outgoing Connections are disabled (can you check the later?). I haven’t had any other customer report issues with updating plugins so its definitely something specific on the server. IF you want me to check the french server I can, let me know.
- AJ
Thanks for your advice, AJ.
I haven’t yet disabled the privacy on Flywheel as I’m also testing a Swiss host that seems rock-solid … like a Swiss bank safe 
(and you need to pay the plan on Flywheel to disable the privacy mode)
What do you think if I delete the 2 plugins and Total 4.4.1, and then reinstall Total 4.5.1 ?
Otherwise, when you say above “just replace the files via FTP”, do you mean deleting the 2 plugins files and reinstalling them from 4.5.1 zip extraction ?
Michel
Like I said, if the server can’t access the plugins inside the theme, deleting the theme won’t do anything since you won’t be able to install them (updating and installing is the exact same process, the only difference is when updating WordPress first deletes the old files).
But you can delete the plugins and then manually install them, just download Total from ThemeForest, extract and locate the plugins inside the theme at Total/framework/plugins/ (they will always be there). Then you can upload them to the server no problem via Plugins > Add New.
- AJ
Thanks AJ.
I was just about to tell you that I’ve just succeeded to update both Total and VC, after deleting both and installing Total 4.5 
Do you think there would be a significant advantage to chose PHP 7.1 over 7.0 now ? (for which I would have to investigate about some incompatible plugins, searching new solutions …)
Michel
Oh great!
Regarding 7.1 – probably nothing you would notice or really take advantage of. You can read the changelog here: https://wiki.php.net/rfc#php_71
But I always think it’s best to run the latest version if possible. There is definitely no disadvantage 
- AJ
Hi, How can I memorize element settings?
I’m using the Image Grid element on many of my pages and each time I add the element to a page, I have to go through the tabs and make the desired adjustments.
I’m always adjusting the Image Grid element the same each time – is there a way to “memorize” the settings so I don’t have to repeat the adjustments each time?
Thank you
Hi,
You can save any element as a preset like this – https://wpexplorer-themes.com/total/docs/visual-composer-presets/ – so the next time it’s added to the page you can access it under your custom elements.
But also depending what you are doing you may want to consider the following articles as well:
- https://wpexplorer-themes.com/total/docs/real-media-library-integration/
- https://wpexplorer-themes.com/total/docs/using-post-gallery-image-galleries/
- https://www.youtube.com/watch?v=eGYuBjqkj8Q
These may be helpful as well depending on your project.
- AJ
Hi AJ,
Before I posted my question, I found on my own how to do it but it did not work. After your response, I found out why.
When I click on the gear icon, then click on Save as Element, then enter my desisred title, there are two buttons – almost exactly alike – that both read “Save changes.” Seeing both of those buttons, I figured it didn’t matter which one to click. Now I know it does matter.
So far, I love Total but I have encountered several places in the dashboard and in documentation where clarity was lacking.
Perhaps the button could be renamed something like “Save element title” so others may avoid the confusion I had.
Thank you for your wonderful support.
Hi,
Oh I see what you mean about the buttons – https://cl.ly/nhRx (the one next to it and then the one at the bottom) – unfortunately because it’s part of the core page builder plugin I can’t modify it inside the theme. However, I will open a request with the developers of the plugin to see if they can update that in the next version for easier usability. Great idea!
If you have any issues or confusion at all with the theme . documentation or video guides please let me know! I have over 500 docs, snippets and videos for Total so sometimes things do get a bit outdated or may need a bit of fine tuning if it’s not very obvious for the non-developer or someone new to WordPress.
Since there is such much documentation out there, the only way for me to really stay on top of it, is having customers report a documentation article as outdated or requiring further details. So please do let me know, of course i want to make sure everything is as easy as possible so that my customers aren’t wasting their time. I really appreciate all feedback and suggestions. Thank you!!
I hope you had a lovely weekend, AJ
Wow, AJ – tremendous support! Thank you. If I have suggestions of this type again, should I post here in the Comments or notify you in a different way?
Feel free to post all suggestions in the comments. I think it’s the best place and easiest for you 
- AJ
Hi, I am using header style one. My logo is tall about 150px height, and it looks funny with only a line of main menu on right.
Can you please advise how can I move the top bar section to just above the main menu? So we have the logo on left, topbar and main menu on right. Topbar on top of menu.
Leave some space between top bar and main menu.
If it is too hard to move topbar there, may be I can use a custom widget instead.
Thank you very much.
Or if I can add the below snippet to be above the main menu that would help as well.
// Add custom content to header function my_custom_header_content() { ?> Some Text, could be anything though <?php } add_action( ‘wpex_hook_header_inner’, ‘my_custom_header_content’, 999 );
Hi,
You can easily use theme hooks – http://wpexplorer-themes.com/total/docs/action-hooks/ – to move the topbar to be inside the header area.
The thing with header style one is that the menu is positioned absolutely to the right by default so that it’s perfectly centered. What you would want to do is add the topbar or extra content into the menu wrapper using PHP this:
function myprefix_move_topbar() {
// Remove from wrap top
remove_action( 'wpex_hook_wrap_top', 'wpex_top_bar', 5 );
// Re-add to the menu after hook
add_action( 'wpex_hook_main_menu_top', 'wpex_top_bar' );
}
add_action( 'init', 'myprefix_move_topbar' );
- this code should be added via a child theme : http://wpexplorer-themes.com/total/docs/child-theme/
Then you will need to add custom CSS to remove the absolutely position of the menu and fixed height and instead float the menu to the right like this:
body .navbar-style-one {
position: static;
margin: 0;
top: auto;
height: auto;
right: auto;
float: right;
}
body #top-bar-wrap .container {
width: auto !important;
}
To get things looking exactly as you need, it will probably require some additional tweaking but this will definitely get you on the right track.
Also be sure to tweak accordingly for mobile…You may want to use a different mobile menu toggle style such as the navbar – https://wpexplorer-themes.com/total/docs/mobile-menu-toggle-styles/ – to prevent conflicts with the topbar content.
Also the first piece of code adds the topbar inside the menu, you could instead add it to the wpex_hook_header_inner as you suggested prior and then float it to the right or absolute position the text which may prove easier to handle (especially responsively).
- AJ
—
ps: I noticed your support license has expired, if at this time you can renew your support license I would really appreciate it. You can also purchase a new copy of the theme for another site/client and it will also renew your support. A support renewal is around $41 so if instead you purchase a new license of the theme you essentially will get a new license for only $17 to use on another site and a support renewal. If financially you can’t at this time I understand but would really appreciate it since I spend a lot of time and money supporting and updating the product – thank you!
Hi, Thank you so much for the help. I added the code as suggested both in childtheme funciton.php and additional css, but it doesn’t do anything.
Hi,
Can you share a screenshot of the child theme’s code. It definitely should work since I wrote the code using my local development site as a test (I always do that to make sure the code I send to a customer works). It’s possible maybe there was an issue when copying/pasting from the comment section.
- AJ
Thank you so much to your reply.
the code in function.php (childtheme)
<?php /* * Child theme functions * * When using a child theme (see http://codex.wordpress.org/Theme_Development * and http://codex.wordpress.org/Child_Themes), you can override certain * functions (those wrapped in a function_exists() call) by defining them first * in your child theme’s functions.php file. The child theme’s functions.php * file is included before the parent theme’s file, so the child theme * functions would be used. * * Text Domain: wpex * @link http://codex.wordpress.org/Plugin_API * */
/* * Load the parent style.css file * * @link http://codex.wordpress.org/Child_Themes */ function total_child_enqueue_parent_theme_style() {
// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
$theme = wp_get_theme( 'Total' );
$version = $theme->get( 'Version' );
// Load the stylesheet
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
} add_action( ‘wp_enqueue_scripts’, ‘total_child_enqueue_parent_theme_style’ );
This code only loads the child theme. Maybe some of it got cut off, can you share a screenshot instead of the whole file? Thanks!
If you would like to renew your support – https://wpexplorer-themes.com/total/docs/renew-support-license/ – you can also open a ticket – https://wpexplorer-themes.com/support/ (request it be sent to AJ) and I can help you add the modifications to your site 
- AJ
hi, I had purchased a new license for my new project and had asked for help by support ticket.
Thank you to your support and your theme is the best.
Hello! I’ve added a (Total) Navigation Bar in the left column on one of my pages, and I’m wondering why it ignores my Settings>Design selections with regard to (1) the Left/Center/Rights alignment and (2) Hover Animation? It seems the Button Style setting might be overriding both the left/center/right alignment selection and the hover animation selection(?) I can successfully change the font hover COLOR but it completely ignores my font hover ANIMATION selection (regardless of whether I choose Pulse Grow, Bounce In, or any other). Also, all the button styles except for Plain Text completely ignore my left/center/right alignment selection. (They automatically give a seemingly unchangeable center alignment for the button text.) So, is it true that (1) the Design>Alignment setting only works for Plain Text button styles, and (2) the Design>Hover Animation setting doesn’t allow one to change hover animation for any of the button styles? (Interestingly, the default (seemingly unchangeable) hover animation for Plain Text button style has the classic “underline under the text” look whereas there seems to be no hover animation whatsoever (other than selected color change) for all other button styles.)
I assume I'm missing something here and would really appreciate any guidance.
Thanks very much!
Hi there,
- The hover animation was a theme bug which I fixed in the last update:
- https://wpexplorer-themes.com/total/changelog/
- http://wpexplorer-themes.com/total/docs-category/updates/
- The alignment option should work for all the styles. Can you share the URL so I can see what may be going on?
AJ
Hi,
Thank you. I finally figured out how to update the theme on Bluehost and as you predicted the hover animation works fine now. However, the Nav Bar Settings>Design>left/center/right alignment option definitely is still not working. I also created new Nav Bars on different pages, and except with the Plain Text button style, all the other options (e.g., Flat, 3D, etc) completely ignore my selection of left (or even right) alignment and only deliver a center alignment for the button text. My site is not yet public so I’d rather not list the url at this time, but it’s definitely not working, even after updating the theme. I guess I’ll have to use the Plain text option because I need right alignment; however, I was hoping to use one of the other button styles because they don’t force that classic “underline” under the text when hovering. (On the other hand, if there is a way to get rid of that underline when hovering in Plain Text, then I’d be all set. It doesn’t seem to be connected to any hover animation option listed.) Thanks again, and if anyone has any insights about the inability to left or right align in non-Plain Text button styles in Nav Bar, I’d love to hear.
Is the issue with the alignment that you can’t select the alignment or that it won’t save? If it’s the later, it may just be a caching issue – can you try clearing your browser cache?
Here is a test on the latest version so you can see it should work: https://cl.ly/nj9g
Is that what you are testing that isn’t working?
- AJ
So glad you sent that video as I now realize I didn’t properly communicate the problem. I’m using Nav Bar only in my side column and then I’m using the EXPANDED button layout (Design>Layout>Expanded) in order for each button to fill up an entire “line” in the column. Although not my site, here is an example of a similar far left column (which I’m doing via Nav Bar)—http://hls.harvard.edu/dept/academics/degree-programs/ So, my alignment problem is not with the button itself but with the text inside the button. If for instance in the Harvard page example above, if we say the left column was designed using Nav Bar with expanded buttons filling the column, then the text with in the separate buttons—e.g., “Programs of Study”, “Curriculum”, “Writing at HLS” etc would all be left justified within the full-column-width expanded Nav Bar buttons. That’s what I’m trying to do. Instead, except for the Plain Text style, the system seem to require that the text within the buttons be “centered”. (It does allow me to select “left” or “right”, but it just ignores it and keeps the text centered.) Not sure if there’s a way around this. Thanks again!!
Ah, gotcha. This clears things up. So basically you want to align the text inside each link. You can do this easily with a little CSS added to the pages. I recommend using a unique classname for that like this: (give it any unique name you want).
Then add this CSS to your site: https://cl.ly/njh5
.my-custom-menu a.theme-button { text-align: left; }
I would like to see what you are doing though on the site if possible (you can submit a private ticket if you prefer). Because maybe whatever you are doing can be done in a much easier way. For example if you are adding this menu to multiple pages (rather then doing it manually). I want to make sure however you are building this menu if it’s to browse different pages that it’s done in the most efficient way possible for easier modification in the future.
- AJ
Excellent.. Thank you! I’ll need this side Nav Bar on only a few pages so I’ve now pasted the CSS you suggested in through the Visual Composer settings wheel at the top of the relevant pages rather than through other methods that would be applicable for the entire site (according to your instructions at https://wpexplorer-themes.com/total/docs/making-css-edits/ ). It works perfectly! I am wondering however if it would be better to paste the css in through the Total Custom CSS panel (under Theme Panel) if my aim is to minimize risk that something could get screwed up or lost when I do future updates or if I have to migrate my site to a different hosting company, etc. (As you can probably tell, I’m not a coder and fairly new to Wordpress.) Thanks again for your excellent support!
Glad that works 
It doesn’t really matter where you paste the CSS because both methods store the settings in your database which if you ever moved the wesbite to another hosting is the number 1 thing which gets migrated.
But of course if you pasted the code in the Total Custom CSS tab and you ever want to tweak it then you only have to do so in 1 place not in all the pages, so it’s easier for future edits if needed.
There is literally nothing that wouldn’t be lost if a site is migrated correctly – http://www.wpexplorer.com/migrating-wordpress-website/ – since everything (posts, pages, categories, customizer settings, custom css, etc are all saved in your database).
- AJ
Hi AJ it’s me again XD i want to use the recaptcha of google and and I wonder where I can put the google code on your theme 
Hi.
Depends. Where are you planning on using it? Login page? Comments? other?
- AJ
i want to use for the comments and contact form 
We’ll you’ll need to integrate it with the forms, you can’t just copy/paste code from Google. For example:
- AJ
thank you 
Damn, I need the social link for SnapChat. Of course it is a Saturday.
I see the “Alter The Top Bar Social Icons” in the docs was done in 2015.
Does that still hold as is, or are there updates since you wrote that doc.
Damn, not running a child theme.
How can I switch to using a child theme without losing my settings?
OK, I switched to the Child Theme. I just used the Import/Export Settings to carry over all my settings.
Then I followed the instructions on “Snippets: Add New Social Options to Top Bar & VC Social Module” and it worked. The documentation could be cleaned up a little on this topic.
So problem solved.
Awesome, thanks for letting me know. Have a nice weekend,
AJ