Hi,

If you want to add it in your child theme you would either add a .js file to your child theme with your code and use wp_enqueue_script to load or if it’s not a bunch of code you can add it inline via the functions.php file either by hooking into wp_footer and using inline script tags or using the wp_add_inline_script function.

More info here: http://www.wpexplorer.com/javascript-wordpress/

- AJ

Maybe this explains better what the changes were in the last update – https://cl.ly/pVpG

So as I mentioned we were getting requests almost everyday to make the ENTIRE parent item clickable on mobile since clicking just the arrow is not so user-friendly. But if you have a link on the parent element and clicking it opens the sub-items you can’t have it go to the page because then you will never get to the sub-items so now if you have a link on the parent it will be added in the dropdown and when you click the parent it will only toggle the dropdown and not go to the page.

I hope that helps explain better the changes on the mobile menu. Of course desktop won’t change because on desktop you can hover (you can’t hover on touch devices).

But to be honest this page – https://resourceanalytical.com/clientele-services-solutions/ – is just linking to the sub-items so it doesn’t really need to exist on mobile and it could be hidden via CSS:

.wpex-mobile-menu .sub-menu .menu-item-4327 { display: none; }

- AJ

Thanks, and that clarifies the changes.

To be honest back to you, the content of this page – https://resourceanalytical.com/clientele-services-solutions/ – and whether or not it really needs to exist on mobile, is not a tech support issue, but is instead a call for us to make for whatever internal reasons we might have, whether having it is just our preference at present, or whether we’ve had feedback from clients or prospects or partners or financial backers saying that they would just like for their own convenience or other reasons to see that list on a page of its own, or whether that one page for whatever mysterious reason tends get more search engine clicks than most of the other pages, or whether we’re planning on adding copy and graphics to that page (which is in fact the case), or whether we decide to leave it just as it is.

Oh I totally understand. I just wanted to let you know that was an option and took the time to provide you with the code incase it is something you wanted to do.

Of course it’s impossible for me to know how your business/website operates but I like to be proactive and provide suggestions/options to customers that I think they may find useful to save them time/effort in the future. But you never have to take my advice, it’s just there to provide added benefit if wanted

- AJ

Unfortunately you can’t delete comments here on ThemeForest

Hi,

Are you actually displaying different images in the page title for different pages? And if so on how many pages? Because if it’s only a few pages you could just disable the page title via the page settings and then insert a row with a background and a heading, breadcrumbs module at the top of the page instead. Like this: https://cl.ly/pUj4 (just made this quickly for you so I know it’s not perfect, but shows the basic idea)

If you are setting the page title background on tons of pages either via hooks of manually then the right way to alter this custom header style is via CSS. Example:

- AJ

Shoot the code didn’t paste above, here it is:

body .background-image-page-header .page-header-title,
body .background-image-page-header .page-subheading
body .background-image-page-header .site-breadcrumbs { color: #000; }

- AJ

Great, thanks so much! I figured CSS was likely the best way, but just wanted to make sure there wasn’t a universal hook to stop the page headers/subheaders/breadcumbs from turning to white when a background image was added.

We do not keep the extended license enabled by default because it could allow customers to re-sell the theme as is which we do not want people to do. However, depending what you need we may be able to come up with an agreement and temporarily enable it (it would be $2,950).

The extended license though only gives you 1 license code though and this license is only if you are creating a website for example like wordpress.com where you have Total enabled on an entire multi-site for all clients. It doesn’t give you unlimited licenses for unlimited websites.

That said, depending what you want we can instead do a “bulk” sale at a discount. For example if you need to just buy 100 licenses you could do a bulk purchase of 100 licenses at a discounted rate by contacting Envato – https://envato.com/contact/ (click on Sales&Bulk Purchases).

This is the best route if you need to buy a lot of licenses, for example 50+ licenses at a time.

- AJ

is it possible to get bulk license for 5-10 licenses

You can send Envato an email to see if they are able to provide you with this. Because Envato takes 30% of the sale plus a fee and taxes take another 30% I personally can’t afford to offer sales for such few purchases and still pay for hosting, marketing, support staff, updates, etc. But maybe Envato can give you a discount based on their fee.

If you are doing client work, what most freelancers do is simply charge the client an extra $60 to cover the theme cost. Often developers will actually have the client purchase the theme on their own account, this way they can always contact me if they need help in the future.

- AJ

okay thank you, that would be great. I’ll open a private ticket

I wanted to let you know that I just opened the ticket thanks

Got it, there are currently 19 tickets in my queue before yours so I will get back to you as soon as possible. Thank you for your patience!

Yes, you can override the search results page via custom CSS. Example:

body.search { background: #fff !important; }

Hi,

There isn’t a built-in option for sticky sidebar, but there are many plugins you can use for this. Generally though I would recommend instead of a full-sticky sidebar use a sticky widget – https://wordpress.org/plugins/q2w3-fixed-widget/ – because on a lot monitor sizes an entire sticky sidebar may get cut off and look bad.

- AJ

If you aren’t going to use a shop then just disable and delete the WooCommerce plugin.

If you are using a shop but want to remove the icon see the docs here: https://wpexplorer-themes.com/total/docs/remove-edit-woocommerce-menu-icon/

- AJ

This is an advanced customization because you will need to do a few things since this is a custom script and not a “simple” animated background.

• Make sure you have a child theme active – http://wpexplorer-themes.com/total/docs/child-theme/

• Add the required CSS and javascript for this script to your child theme.

• Add a unique classname or ID to the element on the homepage where you want to add this sort of background

• Add the code needed to start the script in your functions.php file.

Of course there are some addon plugins for this sort of thing such as this one – https://codecanyon.net/item/vc-particles-background/13139726 (haven’t actually tried myself but one of the top results on Google search) – but its not the exact same pattern you mentioned.

- AJ

Hi,

This is AJ the theme developer. It looks like my support staff assigned the ticket to me. I did take this weekend off (I only take time off like every 2-3 months) I really needed it. I will reply to your ticket right now. Thank you for your patience over the weekend.

- AJ

Hi,

Sorry to hear you are having issues. 99% of the time this is due to security checks on the server. Can you make sure outgoing connections are enabled on your server?

If you want you can always submit a private ticket – https://wpexplorer-themes.com/support/ – with the logins and we can get things figured out for you and in the worst case we’ll manually activate the theme for you. About 2 customers have had issues in the past where our own server firewall was blocking them so it is possible it could be a security issue on our end based on your server setup.

We’ll get this sorted out ASAP. I hope you had a nice weekend!

- AJ

Hi Michel,

Yes you can use javascript to change to placeholders which is probably the easiest way but you only need the top part – https://cl.ly/pTsb – and just use CSS to hide the labels, if you use javascript like in this code it will “flash” on site load.

Personally though I would recommend just doing a popup login form or a separate login page (most common).

- AJ

Thank you AJ.

Should I put this js file in total\assets\js\core ?

No, never never edit or add files to the total theme files. Any advanced modifications should be in your child theme – http://www.wpexplorer.com/javascript-wordpress/

That said, instead of adding javacript to modify a search already on the site, it would be best to instead create your own search box shortcode that you can use in the topbar – this way you can use placeholders to start and you can give your form unique classnames so it’s never overritten by any theme updates.

It’s very easy to add a new shortcode via your child theme: https://codex.wordpress.org/Function_Reference/add_shortcode

- AJ

Hi,

It’s still working when I check – http://totaltheme.wpengine.com/nouveau/portfolio/?filter=video

Can you share the URL where you are having issues so I can see what’s going on?

- AJ

AJ, I tried the first snippet (while I wait for a response from the Leandash people):

I paste that into the child theme functions.php I assume I replace ‘custom-type’ with a custom post type that Learndash uses, but when I do that I get a 500 error.

Two examples of Learndash custom posts are sfwd-lessons & sfwd-topic

Anything obvious I’m doing wrong?

Thanks!

This would be the correct code:

// Sample function showing how to tweak the metaboxes display for post types
add_filter( 'wpex_main_metaboxes_post_types', function( $types ) {

    // Add to my custom-type post types
    $types[] = 'sfwd-lessons';
    $types[] = 'sfwd-topic';

    // Return post types array
    return $types;

}, 40 );

If you get a 500 error with this code its probably going to be because your server’s PHP version is extremely outdated and doesn’t support anonymous functions.

But like I said, I would not recommend using the page settings metabox to manually tweak every post. If you want to change things like showing a custom sidebar it’s best to do so via filters – https://wpexplorer-themes.com/total/docs/use-filters-wordpress/

Example:

// Register new learndash sidebar
add_filter( 'wpex_register_sidebars_array', function( $sidebars ) {
    $sidebars['learndash'] = __( 'Learndash', 'total' );
    return $sidebars;
} );

// Display learndash sidebar
add_filter( 'wpex_get_sidebar', function( $sidebar ) {
    if ( is_singular( array( 'sfwd-lessons', 'sfwd-topic' ) ) ) {
        $sidebar = 'learndash';
    }
    return $sidebar;
} );

- AJ

Thanks so much AJ!

Cheers Neil

Hi,

Based on the code below it looks like you are trying to add the mobile menu under the sticky header is that correct?

I assume you are also referring to the stickyOffset function in the theme’s javascript. If so you can’t echo it using PHP, you need to use javascript to access and make use of the function like such wpex.stickyOffset() (all the javascript is under a globally registered object named wpex so you can access the javascript functions accordingly).

I wouldn’t really recommend making use of this function though in the core JS as it may change sometime. Depending what you want to do the easiest thing is to just give your header a fixed height via CSS then you can use CSS to offset any element you want since you have an exact/known height for the header.

- AJ

I understand thanks for the feedback. Could you provide me a snippet of the js, so I can use it in my child theme.

The reason for the usage is so the mobile drawer menu slides out underneath the mobile header. This exposes the enhanced “hamburger to X” animation, instead of covering it up when it slides out

The way local scroll works is as soon as you click a link it needs to know exactly where to land on the page, shrink header changes the header height after it’s already begun scrolling there is no way to pre-calculate what the header height will be automatically during the local scroll, it must be defined before hand.

The only way to dynamically alter the shrink size on different screen sizes would be via javascript, something like this this: https://gist.github.com/wpexplorer/a2a71694339816f87b450e7bda9f5850

But, this is only for the part needed for the localScroll offset, you also need to add custom CSS for your screen sizes to set the shrink height since the actual height of the header is changed via CSS.

It is actually a very advanced and complex modification and if the sticky header function ever changes in the future you could run into issues.

Depending on your site what you could do is disable the sticky header and do something like this instead – https://wpexplorer-themes.com/total/snippets/sticky-header-scroll/ – which is becoming pretty trendy.

Or simply not use the shrink header or simply disable sticky header on mobile and instead used the fixed header navigation if you want a sticky menu – https://wpexplorer-themes.com/total/docs/mobile-menu-toggle-styles/

- AJ

Unfortunately you can’t access the browser width (media query) via PHP because PHP renders before the site does and doesn’t’ have access to browser data.

The only way would be to override it via CSS using !important attributes, but it may be a bit glitchy to animate this way.

- AJ

Thanks for the feed back. I now understand the limitation better.

Whats the best way to accomplish having a desktop shrinking sticky header and a sticky mobile header that have different heights (after desktop/mobile shrinks) without throwing off the local scroll offset?

The way local scroll works is as soon as you click a link it needs to know exactly where to land on the page, shrink header changes the header height after it’s already begun scrolling there is no way to pre-calculate what the header height will be automatically during the local scroll, it must be defined before hand.

The only way to dynamically alter the shrink size on different screen sizes would be via javascript, something like this this: https://gist.github.com/wpexplorer/a2a71694339816f87b450e7bda9f5850

But, this is only for the part needed for the localScroll offset, you also need to add custom CSS for your screen sizes to set the shrink height since the actual height of the header is changed via CSS.

It is actually a very advanced and complex modification and if the sticky header function ever changes in the future you could run into issues.

Depending on your site what you could do is disable the sticky header and do something like this instead – https://wpexplorer-themes.com/total/snippets/sticky-header-scroll/ – which is becoming pretty trendy.

Or simply not use the shrink header or simply disable sticky header on mobile and instead used the fixed header navigation if you want a sticky menu – https://wpexplorer-themes.com/total/docs/mobile-menu-toggle-styles/

- AJ

Hi,

Can you share the URL with the issue? I posted a more recent update to fix any location issues with the hamburger menu icon. There was a bug in the first 4.5.5 update where it wouldn’t display correctly if you had a custom menu breakpoint but it should be fixed now in 4.5.5.1 – http://wpexplorer-themes.com/total/changelog/

If you still have issues please let me know and share the URL so I can inspect it, thanks!

- AJ

Hi,

Normally this would be done at Appearance > Customize > Header like this: https://cl.ly/pUo1

However, it looks like whoever set up the purple color did it by manually altering the theme’s style.css files to change colors – https://cl.ly/pVHr

Your theme should never be modified because if you ever update you will lose your edits. I also see your theme version is from January 1, 2015 – http://wpexplorer-themes.com/total/changelog – so it would be highly recommended to update the theme – http://wpexplorer-themes.com/total/docs-category/updates/

Not only to access all the new features but also any updated bundled plugins and theme bug fixes. Updating will reset any manual changes but maybe it’s exactly what you need to get things looking exactly how you want them to.

Additionally, I mentioned in this in a previous comment you left that your site has been setup to have the logo in the topbar and your menu is actually the entire header which is a bit strange: https://cl.ly/pV30

Instead of doing that it would be ideal to use header style 2 and then customize the menu like this: https://cl.ly/pTx6

- AJ

Hi,

Here is the guide for creating a local scroll menu – https://wpexplorer-themes.com/total/docs/creating-local-scroll-menu/ – however, your theme version is over 3 years old so you may not have access to the same features displayed in the screenshots of the docs.

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

- AJ

Hi,

This is AJ the theme developer, thank you for your patience over the weekend. I hope you had a good one!

Yes the design has changed as it has been highly requested for the last year to make the mobile menu more modern and follow current design trends. So it’s now a simple toggle that is also animated – http://totaltheme.wpengine.com/samus/ – previously it was a fontAwesome icon which could look a bit blurry and also impossible to animated if wanted.

To change it into a “button” you can easily add some CSS to give it a background. Example:

#mobile-menu a {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 3px;
}

But this style is more old-school so I wouldn’t really recommend it

Regarding the dropdowns in the mobile menu this was also HIHGLY (almost every day) requested. So all parent items are now fully clickable so you can open the subitems instead of clicking the arrow which is more intuitive since most popular sites work this way. If any item in the menu has both a link and sub-items the link will be added in the dropdown so it can still be accessed – https://cl.ly/pU62 – this is how most the top websites work which is why it was highly requested.

That said, it’s generally not recommended to have parent menu items clickable since it’s generally not intuitive for the end user. Normally if you have a dropdown in a menu the parent item won’t be clickable but you may have a “view all” link for example at the bottom of the dropdown. This is how most people setup their site – https://wpexplorer-themes.com/total/docs/adding-non-clickable-menu-links/

I can understand the frustration when big changes like this happen but I only make these changes because sooo many people are requesting it so I know it will benefit the most current customers and future customers. I don’t do these updates lightly, a lot of thought is put into it.

ps: I am actually looking at bundling this plugin with Total in the next update – https://codecanyon.net/item/quadmenu-responsive-wordpress-mega-menu/21315450 – to give you a way of creating your own custom menus and advanced mega menus.

- AJ

Thanks.

For myself, I like having a parent page/item where I can list, summarize or otherwise comment on individually or as a group or subgroups, and provide links to the child pages, and I like to have the parent page/item clickable in the menu rather than the submenu. It still works that way in the desktop view, and I hope you don’t change that.

Of course the desktop view won’t change because there is no clicking involved on the parent item.

If I do get a lot of requests regarding the menu toggle I will look at having an alternative style.

Although I am also looking at bundling this awesome plugin with Total in a future update – https://codecanyon.net/item/quadmenu-responsive-wordpress-mega-menu/21315450 – so when using the Total header builder you can easily insert nice/custom menus.

- AJ