How to add 'my account' page to small mobile menu

Hello, i want to replace My Account(login/register before login) page to mobile menu when i enter from mobile devices.
Because i can’t see my account page in my mobile device.If it can be done will very useful.


Or i can hide ‘My Account’ page beside the cart icon. How i can?


​Please accept my apologies for the delay in response. I really appreciate your patient.

Try doing these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      'use strict'

      if ( matchMedia( 'only screen and (max-width: 992px)' ).matches ) {
        var accountURL = $('.nav-link-account > a').attr('href');
        $('.mobile-menu').append('<li class="menu-item js-menu-item"><a href="'+accountURL+'">My Account</a></li>');

  1. Update
  2. Clear cache and reload your page.

Let me know how it goes.

aThemes Support

1 Like

Hi again, it’s tottaly works! Thanks a lot for your help and kind behavior. :smile:

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

aThemes Support

1 Like