Trying to add Close button on mobile menu

This topic has 23 replies, 3 voices, and was last updated 3 years, 9 months ago by Elise Noromit.

Viewing 24 posts - 1 through 24 (of 24 total)

Author

Posts
May 3, 2021 at 9:16 am #289057

Charisis
Participant

Hello, i tried to add close button on my menu as this topic says (https://xtemos.com/forums/topic/where-is-it-to-add-a-close-button-in-the-mobile-menu/).
But the only thing that this code do to my site . It is to block mobile menu from opening.

Thanks

Attachments:
You must be logged in to view attached files.

May 3, 2021 at 10:12 am #289067

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

This code may be out-to-date I will check with the development department.

Best Regards

May 3, 2021 at 1:40 pm #289121

Eric Watson
Participant

Hello,

Please, provide us your admin access so we can log in and check this on your side.

Thank you in advance.

May 3, 2021 at 4:28 pm #289144

Charisis
Participant

Okey

May 3, 2021 at 8:31 pm #289185

Elise Noromit
Member

Hello,

Please provide the admin rights to the admin panel.

Best Regards

May 3, 2021 at 9:01 pm #289189

Charisis
Participant

Sure !

May 3, 2021 at 10:55 pm #289245

Elise Noromit
Member

Hello,

I need the admin rights for the admin panel of the WordPress. When I enter with the credentials I cannot get to the themes, plugins, posts, pages. I need access to the site, not to the CPanel.

Best Regards

May 3, 2021 at 11:22 pm #289253

Charisis
Participant

Oh sorry my bad , I thought that i was already did that!

May 4, 2021 at 2:29 pm #289485

Elise Noromit
Member

Hello,

Please add the code as described in the topic and we will check then, let us know when it has been done.

Best Regards

May 4, 2021 at 5:04 pm #289507

Charisis
Participant

I already did what topic says

May 5, 2021 at 9:21 am #289726

Elise Noromit
Member

Hello,

Please replace this code:

echo '<div class="widget-heading"><a href="#" class="close-side-widget wd-cross-button wd-with-text-left"></a></div>';

for this one:

echo '<div class="widget-heading"><div class="close-side-widget wd-action-btn wd-style-text wd-cross-icon"><a href="#" rel="noffollow">close</a></div></div>';

Best Regards

May 5, 2021 at 10:30 am #289750

Charisis
Participant

Hello,
This code works well but it still has one problem . When i close the menu the dark overlay is still there .

May 5, 2021 at 4:36 pm #289877
Elise Noromit
Member
Hello,

Please replace this code:
```
jQuery('.mobile-nav .close-side-widget').on('click', function(){
	jQuery('.mobile-nav').removeClass('wd-opened');
	jQuery('.woodmart-close-side').removeClass('woodmart-close-side-opened');
	jQuery('.mobile-nav .searchform input[type=text]').blur();
});
```
for this one:
```
jQuery('.mobile-nav .close-side-widget').on('click', function(){
	jQuery('.mobile-nav').removeClass('wd-opened');
	jQuery('.wd-close-side').removeClass('woodmart-close-side-opened');
	jQuery('.mobile-nav .searchform input[type=text]').blur();
});
```
Best Regards
May 6, 2021 at 7:37 am #290037

Charisis
Participant

Hello,

I replaced the code but the dark overlay is still here!

May 6, 2021 at 9:13 am #290068

Charisis
Participant

Hello,

I found one more problem. Suddenly the mobile menu does not open. This happend after the modification that i did to the code.

May 7, 2021 at 7:22 am #290394

Elise Noromit
Member

Hello,

Our dev team has fixed it. Please check now.

If you have any questions please feel free to contact us.

Best Regards

May 7, 2021 at 8:01 am #290408

Charisis
Participant

Hello ,

The problem is still there. For some reason I can only open the menu when I am logged in as admin, if I open the site on my mobile phone the menu still does not work.

But as a good new, the close button works well now!

May 8, 2021 at 3:15 pm #290843
Elise Noromit
Member
Hello,

You could miss something. I have added code on my testing site, check on the mob and it works correctly.

Please try to follow these steps:

Remove all the code you have added this time and the code you added when we gave you instructions for the first time.

Find this file: woodmart/inc/template-tags.php and find the code as shown:http://prntscr.com/uxid83

Inset this code and upload this file to sever:

echo '<div class="widget-heading"><div class="close-side-widget wd-action-btn wd-style-text wd-cross-icon"><a href="#" rel="noffollow">close</a></div></div>';

And put this code to the Custom JS section on document ready in Theme Settings:
```
jQuery('.mobile-nav .close-side-widget').on('click', function(){
        jQuery('.mobile-nav').removeClass('wd-opened');
        jQuery('.wd-close-side').removeClass('wd-close-side-opened');
        jQuery('.mobile-nav .searchform input[type=text]').blur();
});
```
If it does not work, please provide FTP access to the private area, make the full backup of your site, I will check without plugins. Perhaps there is a conflict.

Best Regards
May 8, 2021 at 5:45 pm #290894

Charisis
Participant

Hello,

I removed all the code tha you gave me. It does disapear the close button but the problem that only an admin can open the menu is still here. I think the problem is not at the close button anymore.
I Can provide you the FTP access if you want.

May 9, 2021 at 9:20 am #290965

Elise Noromit
Member

Hello,

Please provide FTP access and valid site admin access to the private area, I will add code and we will check. Please make the full backup of your site.

Best Regards

May 10, 2021 at 12:39 pm #291296

Charisis
Participant

Sure!

May 10, 2021 at 5:52 pm #291362

Elise Noromit
Member

Hello,

You have inserted JS code into the wrong place: https://prnt.sc/12rqxc9

Please check now.

Best Regards

May 10, 2021 at 6:15 pm #291365

Charisis
Participant

Hello ,

Thank you a lot for everything !
You are by far the best support.

May 10, 2021 at 8:14 pm #291383

Elise Noromit
Member

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for the rate and feedback on http://themeforest.net/downloads in case you have not to chance to do that yet.

Thank you in advance
Author

Posts

Viewing 24 posts - 1 through 24 (of 24 total)

Trying to add Close button on mobile menu

Attachments:

Create your WordPress website.