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

Featured templates

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

WordPress Blogging themes. How to add logo to stick-up menu, 1.0 out of 5 based on 1 rating