Godlike - WP

Contents

1. Add top menu link inside dropdown on mobile devices

2. WordPress Themes FAQ

3. Make menu dropdown work without JavaScript

4. Manually Show/Hide Preloader using JavaScript

1. Add top menu link inside dropdown on mobile devices

Sometimes you may need to access your top menu link on your mobile devices, but in our themes this work only like a dropdown toggler. This code may help you:

jQuery(function ($) {
    $('#nk-nav-mobile .dropdown').each(function () {
        var $this = $(this);
        var $item = $this.prev('a');
        if ($item.length) {
            $this.children('li:not(.bropdown-back):eq(0)').before($('<li>').append($item.clone()));
        }
    });
});

Menu items will be added here:

2. WordPress Themes FAQ

Please, read documentation of your theme and basic WordPress documentation:

FAQ:

1. Install Theme

2. Update Theme

3. Theme is missing the style.css stylesheet

4. How to use WPBakery Page Builder in WordPress 5 (Gutenberg)

5. I can't activate Revolution Slider / Visual Composer (WPBakery Page Builder)

6. Update Revolution Slider / Visual Composer (WPBakery Page Builder) / Advanced Custom Fields PRO

7. Fatal Error… memory exhausted

8. Can't finish Demo Data Import

9. Can't enable Mega Menu

3. Make menu dropdown work without JavaScript

The most of functionality in our templates and themes made by using JavaScript. But sometimes you need to disable it in your browser and menu dropdowns will not work. The solution is simple - just add these styles in noscript section:

<noscript>
    <style type="text/css">
        .nk-navbar .nk-nav .nk-drop-item:hover > .dropdown {
            display: block;
            opacity: 1;
        }
    </style>
</noscript>

4. Manually Show/Hide Preloader using JavaScript

To show preloader you need to make some custom animation. This one:

function openPreloader () {
   Godlike.openPreloader();
   var $content = jQuery('.nk-preloader').find('.nk-preloader-content, .nk-preloader-skip');
   TweenMax.to($content, 0.3, {
       y: '0px',
       opacity: 1,
       display: 'block',
       force3D: true
   });
}
// run
openPreloader();

To hide preloader just run default Godlike function:

// run
Godlike.closePreloader();