blue5

After double checking, it seems there is another problem; the topbar right content (“My Account” and “Checkout”) disappear completely on desktop and tablet view. Is there a way to apply the java-script you provided to mobile only?

Okay, thank you, but it’s not working. I’m not sure why. What I did is this:

1) I created a new js file (named “append-topbar-menu-to-mobile”) inside a new js folder in the child theme, then included the code you provided inside the file.

2) I added the following code inside the functions.php file of the child theme to execute the javascript;

function menu_enqueue_scripts() {
wp_enqueue_script( ‘append-topbar-menu-to-mobile’, get_stylesheet_directory_uri() . ‘/js/append-topbar-menu-to-mobile’, array(), false, true );
}
add_action( ‘wp_enqueue_scripts’, ‘menu_enqueue_scripts’ );

Thanks. I have already done this, but there is an issue. The mobile top bar becomes disorganized this way. I want to remove the right content (My Account and Checkout links) from the top bar and add them in the menu. Is there a way to do this?

Okay, thanks. Regarding #3; when I include “my account” or “checkout” in the top bar, it doesn’t show up on the mobile menu after clicking the menu icon (only on the desktop version). It appears the mobile menu list only includes the main navigation menu. I hope this is clear and you can help me to fix this. This is probably the main issue I have with your theme, otherwise almost everything else can be adjusted through css.