If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

WordPress Blogging themes. How to add logo to stick-up menu

The following tutorial is going to show you how to add logo to the stick-up menu in WordPress Blogging themes (Monstroid2).

  1. Open the /wp-content/themes/monstroid2/assets/js/ folder on your server.

  2. Download the theme-scripts.js file to your computer and open it for editing.

  3. Find this line of code (lines 320-330 approximately) :

    $navbar = ( 'style-3' === $layout || 'style-7' === $layout  ) ? $( '.vertical-menu-toggle' ) : $( '#main-menu' );

  4. Replace the #main-menu menu ID with logo and menu section’s class:

  5. Save the changes and upload a theme-scripts.js file back to /wp-content/themes/monstroid2/assets/js/ folder on your server. Accept the replacement.

  6. Then add this CSS rule to the Appearance->Customize->Additional CSS field and save the changes:

    .header-container {
        width: 100% !important;
    }

  7. Clear your browser cache and check a stick-up menu appearance.

This is the end of the tutorial. Now you know how to add logo to the stick-up menu in Monstroid2.

Feel free to check the detailed video tutorial below:

WordPress Blogging themes. How to add logo to stick-up menu