Menu is left, logo is middle, phone icon is right in mobile navbar

[metimeskin]

Hi, there.
I am pro(conversion) user. I was stuck in problems what my client wanted. How do I make it? (attached a file)

It should only look like this on the ‘mobile’.

a. It must be divided into three parts no.1, 2, 3.

b. The first part is a menu, Second part is a logo, Third part is phone icon.

c. Add the new ‘menu’ icon look like attached a file.

d. Edit the ‘logo’ size and height no.4.

e. Add the ‘phone’ icon. (Actually, be called)

I think it’s a good idea to have the phone icon at the top. A phone is important, for most small businesses. I wish other people could make good use of it.
Thanks.

[mldarshana]

Hi There,

Thanks for writing in! You can create a separate bar that will be only display on mobile devices. When you inspect your bar and head over to the customize tab, you will see hide during breakpoints option. You can use that to set the visibility on specific devices. In this case, you can hide the bar on desktops and laptops.

Try following a video tutorial like this (https://www.youtube.com/watch?v=Jev9_-wE72s) to understand how you can utilize header builder.

Hope that helps.

[metimeskin]

Hello, mldarshana.
This is a perfect answer. Thank you so much.
I bought x theme probably five or six times for work, your crew never let me down. Thank you!!

[nabeel]

Glad we could help.

Cheers!

[metimeskin]

I have another question. When I click on a ‘v’ marked category on mobile, the small category is visible. The top links didn’t work, not go to their link.
How do I edit it?

[nabeel]

Hi again,

To make the top links clickable, please add the following script in Theme Options > JS:

jQuery(document).ready(function($){
	$('.x-off-canvas .x-anchor-menu-item .x-anchor-text').on('touchend click', function(e) {
		var link = $(this).parents('.x-anchor-menu-item').attr('href');
		window.location.href = link;
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[metimeskin]

Hi, Nabeel.
Yes, it is working. You guys saved my life several times. It’s 6 o’clock in the morning here, I can finally fall asleep. Thank you so much. Have a happy weekend.

[Alaa]

Hi metimeskin,
Sweet dreams and you are most welcome!

Thanks.