Hi,

1. You can move it to the right like this:

.wpex-dropdowns-caret .dropdown-menu li.megamenu > ul:after {
    left: auto;
    right: 20px;
}

But to position it directly under the hovered link is impossible without advanced javascript.

2. I’m not sure what you mean exactly, can you share a potential mockup?

- AJ

Hello AJ,

1. Thanks for the snippet. It worked

2. https://prnt.sc/hvq1ms – Here as you can see, the normal drop down and mega menu are not aligned. I believe it’s because of the value of megamenu’s “top” property.

Thanks!

Mega Menus are always positioned at the very bottom of the header. This is to prevent issues where the mega-menu may go over the logo.

This would be the CSS:

#site-navigation li.megamenu>ul.sub-menu {
    top: auto !important;
}

But you can see the result isn’t good: https://cl.ly/odqy

However, if you want you can tweak that code to make the mega menu smaller

body #site-navigation li.megamenu>ul.sub-menu {
    top: auto !important;
    width: auto !important;
    margin-left: auto !important;
}

Result: https://cl.ly/odGy

Personally I would keep the “Services” link simple without any dropdown in the main header and have the links added to the top of the services page instead, something like this for example: https://cl.ly/odXA

- AJ

Hi,

If it’s for the partners only you can use a little custom Javascript to turn the alts into title tags. Here is the code for that:

add_action( 'wp_footer', function() {
    if ( ! is_page( '134' ) ) {
        return;
    } ?>
    <script>
        <script>
        ( function( $ ) {
            'use strict';
            $(document).ready(function() {
                $( '#content img' ).each( function() {
                var alt = $( this ).attr( 'alt' );
                if ( alt ) {
                    $( this ).attr( 'title', alt );
                }
            } );
        } ) ( jQuery );
    </script>
<?php } );

Simply add this to the bottom of your child theme’s functions.php. The code will run only on the partners page. If you have any issues with that let me know.

- AJ

Hi AJ,

Can you please help me with a little problem? Can you tell me how to fix instagram footer widget without updating theme? Live site: https://goo.gl/rd632C We have many custom code and to update the whole theme would be very difficult. In footer the images from Instagram they don’t apear.

Kind Regards Thomas

Hi Thomas,

You will have to download the theme and replace the file at Total/framework/helpers/instagram-feed.php via FTP.

But you should not have ANY custom code added or tweaked in the Total theme. This is a very bad idea because it makes it very hard to update the theme as you said and you are going to miss out on a lot of fixes and new features.

Always use a child theme for your modifications – http://wpexplorer-themes.com/total/docs/child-theme/

Especially with the Total theme which is a very well coded and modular theme you never, ever have to edit any theme filer. The theme has filters and actions for everything;

• https://wpexplorer-themes.com/total/docs/use-filters-wordpress/
• http://wpexplorer-themes.com/total/docs/action-hooks/

You can see a lot of sample snippets here: http://wpexplorer-themes.com/total/snippets/

I highly recommend moving your modifications to a child theme so in the future you don’t have issues updating the theme in the future. Sometimes there are updates that require tweaking many files and hundreds of lines of code and I can’t spend hours telling you which lines of code specifically to remove and which to add.

If you modified something manually and you aren’t sure how to do it in a child theme simply ask and I can assist with that

- AJ

Once the countdown reaches the end you can just delete it and add something else. The countdown is added via javascript. It would be possible to hook into the counter by checking event.elapsed and using javascript to hide the counter and display some text. But you would have way more control by just manually modifying the page once the time is up.

What are you u using the counter for exactly?

- AJ

Ok thank you for the reply. It’s ok now.

Thanks for the heads up!! I just want to be sure that I put the code at the good place, I put that in “Custom CSS” on the top bar, is it good there?

It’s working, but may be it’s better in another place..

See here: http://wpexplorer-themes.com/total/docs/making-css-edits/

Hi,

There appears to be a bug with max-width on images in IE 11 when inside an inline-block element. If you add this CSS code to your site does it fix it:

.vcex-image-inner img { width: 100%; }

This code worked for me and I added it for the upcoming update. Thank you so much for reporting the bug!

- AJ

Thank you so much!

Hi,

I have a little snippet you can add to your child theme for this – https://wpexplorer-themes.com/total/snippets/page-settings-custom-fields-admins-only/

I’m glad you like the theme

- AJ

Hi AJ,

Thanks for your reply.

We have tried a clean install with no plugins, without child theme, still the same.
Put back 4.2.1 (or earlier) and everything works as expected.

I replied back to your gmail address, the one you gave me way back when you just released Total.

Can we add the title back into the header with an action in the functions.php ?

Thanks

Hi,

Have you checked to make sure it’s not disabled? -

I don’t currently have any email address used for support the email you are referring to is only checked about 1x-2x a week.

I found your email so I will reply there in a couple minutes, but in the future please be sure to renew your license and submit a proper ticket. I need to make sure the rules are for everyone Thanks!

- AJ

Hey there,

I just replied back if you can reply with the logins for the site so I can see what’s wrong please do.

I can’t give you custom code to “add the title back” because it shouldn’t be missing in the first place, if it’s missing there is an issue and the only fix is to fix that issue.

- AJ

If you set your site to RTL the logo will automatically be on the right side and menu on the left.

If you don’t want RTL for your website and just move them around this can be be done with a little CSS – http://wpexplorer-themes.com/total/docs/making-css-edits/

Like this:

body .header-one #site-logo { float: right; }
body .navbar-style-one { right: auto; left: -12px; }
.boxed-main-layout .navbar-style-one { right: auto; left: 15px; }
.boxed-main-layout #searchform-dropdown { right: auto; left: 30px; }

- AJ

Thank you so much. That helps me. Great support!

Hi,

Importing the styling would be done by importing all the Customizer settings like this: https://cl.ly/oH6e

But if you do this it will reset all your custom selections under Appearance > Customize since it will import the ones from that demo (fonts, colors, etc).

- Aj

ok .. Thanks !

Hi,

I think using Slider Revolution for this would be overkill but also fairly hard to do. Do you have any experience with Javascript? It wouldn’t be very hard to do this custom. You can set the Total theme to disable the mobile menu like this – https://wpexplorer-themes.com/total/snippets/disable-total-mobile-menu/

Then just add your own custom HTML and javascript for the pop-out menu. Do you own or does your client own the website in the inspiration website you linked to above? If so, you could just take the code directly from that site.

- AJ

I will look into the javascript / html option. what inspiration website to you mean? This is the design – https://projects.invisionapp.com/share/YVE9A5JMJ#/screens/261484405

Oh my, sorry I didn’t realize you were using invisionapp. I just thought it was a link to a site inside an iframe. ha!

Hi this is AJ the theme developer,

I am glad you are liking the theme

So by default spacing under the header is actually added on the page title like this – https://cl.ly/oGKr

But your site has the page header disabled under Customize > General Theme Options > Page Header title.

The reason the spacing is added to the the title is because you can easily hide this via page settings – https://wpexplorer-themes.com/total/docs/page-settings-metabox/ – for any section where you want something at the top flush against the header (like your homepage).

So my recommendation would be one of the following two:

• Re-enable the page header title and disable it only on the pages where you want it disabled. And increase the margin a bit (I see your margin is set to only 10px currently in the Customizer I would recommend at least 20-40px for the margin value).

• Or you can just add a little CSS to your site to target the posts to add some spacing. Like this:

body.single-post #main,
body.single-portfolio #main {
    padding-top: 40px;
}

The second option may work best for your site since I don’t think you want to have the page header title on singular posts.

- AJ

That’s fantastic AJ. Thanks! I went with the 2nd option.

Self hosted! I don’t really like the sound option, I just want to show the result to the client and hopefully, discard it… I hope a quick function could do the thing, because redo the hero section with a RevSlider could be much longer… Thank you!

It should work if you add this code to your child theme:

add_filter( 'vcex_self_hosted_row_video_sound', '__return_true' );

Is that not working for you? Can you share the URL to the video so I can test locally?

- AJ

Thank you! I was using just

true

Hi,

The reason only the menu becomes sticky is for usability it’s not good to cover so much of the page with sticky elements (such as a full header and bottom nav).

That said, you could use this addon plugin to allow for the entire header to become sticky instead – https://wpexplorer-themes.com/total/extensions/sticky-header-two-three-four/

- AJ

Hi,

Of course. If you activated your license under Theme Panel > Theme Lincense (this was added in a recent update)

• http://wpexplorer-themes.com/total/changelog/
• http://wpexplorer-themes.com/total/docs-category/updates/s

Then all you have to do is de-activate it from the other site and then activate it on the new site.

If you haven’t registered the license then you have nothing to worry about Just move the site, update the theme (if it’s not updated) and then enter your license.

- AJ

Hi,

There isn’t a built-in setting but you can do this with custom CSS.

Example:

.meta {
    color: #000;
}
.meta a, 
    entry .meta a {
    color: #000;
}

- AJ

Hi Konrad,

1. Depends, what do you want to change exactly?

The WooCommerce categories are completely outside of Total though – any customization will be done on the plugin end. But it’s definitely possible to change things via hooks, filters and CSS.

2. You can enter HTML for a graphic in to a link. “headings” are added by default based on the top level item. If you don’t see them maybe you’ve used the class to hide them? https://wpexplorer-themes.com/total/docs/creating-mega-menus/ (see last part).

If you want a super advanced mega menu though you could just use a 3rd party plugin such as UberMenu or the Clever Mega Menu both of which I’ve tested with Total.

- AJ

Hi Aj,

Thanks a lot for the hint with graphics.

Ad. 1. > I would like to add a short description of the product and hide the price.

Ad. 2. > By headers/headings I meant the following: HOME >

Homepage 1-7

Homepage 1 Homepage 2 etc.

referring to your example.

UberMenu: we are using UberMenu but we are not happy with a mobile version of it. So we wanted to use mobile version from Total but somehow it is in conflict with UberMenu (doesn’t display well – looks like when UberMenu plugin is active then menu is treated as a single object by Total)

Clever Mega Menu – don’t know it yet. Will check. But in fact, I would like to be able to use Uber for Desktop and Total for Mobile or most preferably pure Total approach…

Hi there,

• You can hide the price with some Custom CSS like this:

.woocommerce ul.products li.product .price { display: none !important; }

I’ll add a setting to the next update for this

• You can insert any custom code to the products via the WooCommerce hooks (learn about hooks here – http://wpexplorer-themes.com/total/docs/action-hooks/).

Example:

add_action( 'woocommerce_after_shop_loop_item', function() {
    echo 'your custom stuff here';
}, 1 );

This is just an example since I don’t know how you are going to be adding the custom descriptions in the backend.

• You can always use the Mobile Menu Alternative – https://cl.ly/oH7u – which will set a custom menu just for mobile via the Total settings and also you can change the links that are added ( a lot of websites use slimmer menus on mobile). Then you can just hide uber menu on mobile via CSS.

When you enable UberMenu Total doesn’t automatically disable it’s mobile menu. Did you follow our guide – https://wpexplorer-themes.com/total/docs/ubermenu-manual-integration/ – and added the code from step 4 which is removing the Total mobile menu? If so, simply remove that code so you can still use the mobile menu.

- AJ

Hi,

This function isn’t included by default in the theme, but if you have a plugin for this I can show you how you can “hook” the function into the entries via a child theme.

- AJ

How much SEO-friendly is your theme?

Do I need to make a child theme to avoid loss of my changes on future updates?

We don’t offer any money back guarantee.

The theme is very SEO friendly.

A child theme is only needed for advanced modifications.

To be honest, based on all your questions I would highly recommend you hire a professional to assist with setting up your site. It sounds like you may want help learning how WordPress works and customizations but this isn’t something offered with your license.

- Aj

Hi,

The footer bottom should support html and shortcodes. If it’s not, make sure your item is up to date:

• http://wpexplorer-themes.com/total/changelog/
• http://wpexplorer-themes.com/total/docs-category/updates/s

A LONG time ago the copyright info used esc_html and didn’t support html but it now uses wp_kses_post so it will support html.

- AJ

Hi,

Sounds like your server is timing out or there is a setting on the server preventing you from adding more then 10 images. You can check the browser console while adding images to see if there is any internal server error to verify.

If you want to submit a private ticket so we can look please do – https://wpexplorer-themes.com/support/

One question though…if you are using RML why are you even selecting the images to display? Why not just choose category from RML to show? – https://wpexplorer-themes.com/total/docs/real-media-library-integration/ – this way you can control the items displayed in the image grid via RML which will be much easier instead of selecting them 1 by 1 and managing via the module itself?

- AJ