Mobile menu adds # (hashtag symbol) in front of the domain name

Hello,
I am using Litespeed server and yesterday I add my web site in Cloudflare.
Sens this morning my Mobile menu adds # (hashtag symbol) in front of the domain name and does not open the menu. Also my mobile version is becoming very slow.

Can you help me?

Hello,

Send me a video from your side and access to the admin panel so I can check the site settings.

Thank you for your time.

Kind Regards

Hello,

I am sorry for the late response. We were working on the page speed problem. The problem with the page speed is solved. The issue was to wait for 1-2 days until the new settings on the server take place.

I can’t make a video with the problem with the added hashtag symbol to the domain. I will try to explain it. I am giving the home page for example.

The hashtag symbol appears:
When you enter with your mobile device on the home page, press the Menu button before the cookie law appears at the bottom (see picture domain-with-hashtag).
For competence see picture domain. There the domain is normal without the added hashtag.
I guess the hashtag symbol appears when you try to activate the mobile menu before the page is fully loaded.

Attachments:

You must be logged in to view attached files.

Hello,

Please disable this https://prnt.sc/Nb-Lzzg4oMFZ option, clear the site/mobile cache and recheck the issue.

Let me know the result.

Kind Regards

Hello,
I turn off defferd JS option. It does not solve the problem.
Maybe we have to ensure all scripts, especially those handling the mobile menu, are set to load with priority. I’m just guessing.

Hello,

Okay, understood. May I disable 3rd party plugins for testing?

Looking forward to collaborating with you!

Kind Regards

Hello,

Ok, you may disable 3rd party plugins for testing, but please make a list of the plugins you disable during your work.

I disable the JavaScript for hotjar to test the website. Stopping the code did not affect the site and the mobile menu issue. The code is still commented in the costume JS section.

Hello,

Now, it works well on my side, here is a video – https://dropmefiles.com.ua/en/vL89f2

Try to clear the mobile/browser cache and recheck the issue.

Kind Regards

Hello, I solved the issue by adding this custom js to my Theme settings:
// Custom JavaScript to prevent default action on mobile menu toggle and close the menu when clicking outside
document.addEventListener(‘DOMContentLoaded’, function() {
var mobileMenuToggle = document.querySelector(‘a[aria-label=”Open mobile menu”]’);
var mobileNavContent = document.querySelector(‘.wd-side-hidden-nav’); // Adjust this selector if necessary

if (mobileMenuToggle) {
mobileMenuToggle.addEventListener(‘click’, function(e) {
e.preventDefault(); // Prevent the default action of the link

// Toggle the mobile navigation
if (mobileNavContent) {
mobileNavContent.classList.toggle(‘wd-opened’); // Toggle the menu open/close
}
});
}

// Close the mobile menu when clicking outside of it
document.addEventListener(‘click’, function(event) {
// Check if the click was outside the mobile menu and the toggle button
if (mobileNavContent && !mobileNavContent.contains(event.target) && !mobileMenuToggle.contains(event.target)) {
mobileNavContent.classList.remove(‘wd-opened’); // Close the menu
}
});
});

Hello,

The thing is that it should work by default. Please clarify, did you have the same issue after clearing a cache?

Thank you for your time.

Kind Regards

[kostadin.hariskov]

Hello,

I apologize for my delayed response.

I’ve noticed that the initial problem persists until the banner in the header is fully loaded (i.e., until the arrows appear).

Unfortunately, I’ve encountered some additional issues:

1. Quick Shop Button on Category Page:
On the category page, the “Quick Shop” button (Добави в количка) for products with variations doesn’t work until elements like the cookie law notification is fully loaded. Instead of displaying the product options, the button redirects to the product’s webpage.
(Please see 1-Quick-Shop-redirect.jpg for reference.)
URL of category page: https://onmag.bg/magazin/

2. Home Page Section not displaying correct product style:
On the home page, there’s a section Продукти (Products) with two tab buttons — one for the women’s collection (Дамски колекции) and one for the men’s collection (Мъжки колекции). While the women’s collection displays correctly, the men’s collection tab shows products with a different style than the one I am using.
(Screenshot attached:
2-home-page-section.png – showing home page and the problem section with the buttons for woman collection and men collection;

3-correct-product-style.jpg – showing the correct product style with a yellow button for Quick Shop at the bottom (Добави в количка);

4-wrong-product-style – showing the wrong style with buttons on hover

URL of the home page: https://onmag.bg
)

Widget Errors:
This may be related to the first two issues. When navigating to Appearance -> Widgets, I encounter several error messages.
Messegase like:
“The “woocommerce_product_categories” block was affected by errors and may not function properly. Check the developer tools for more details.”
“The “woocommerce_layered_nav” block was affected by errors and may not function properly. Check the developer tools for more details.”
And more up to 10-15 messages

Please let me know if you need additional details or if there’s anything I can do to assist in resolving these issues.

Thank you for your help!

Best regards,

• This reply was modified 2 days, 18 hours ago by kostadin.hariskov.

Attachments:

You must be logged in to view attached files.

[Author]

Posts