Is this issue with my mobile or the mobile menu is not working

hello friends,

I have made a web template https://www.webdesigncut.com/bootstrap4/25spa/index.html
but for some reasons when i open the wbesite on mobile the mobile menu and the preloader animation doesn't seem to work..although it works on several online browser testing website

when i open the website in my mobile ..i see this

golf tdi 0 60
and the a javascript doesn't work at all to close the menu

any help will be appreciated ,thanks

 

Hi.
The trigram for heaven symbol (for opening mobile menu) and cross / multiplication (for closing it) is too small for average thumb, probably?
Also, I'd avoid using href="javascript:void(0)" for a reason which I've already forgotten Try use href="#" or even better a button.
Reference: search for "void" term inside this article https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

 

i tried using e.preventDeafult(); but that was not working properly
so apart from that you can browse through the website in mobile ?

in my case when i open the website in mobile the mobile menu stays open and i cant close the mobile menu neither can browse the website

 

I don't know what you're expecting it to do, but it's broken / jacked up on nearly every resolution here. Backgrounds overlapping strange, content blowing out of containers, media query triggers that don't match the content width...

It's almost like it was made with the monument to ignorance, incompetence, and ineptitude that is bootcrap.. What with all the painfully cryptic presentational classes taking a huge dump on the markup.

... and that's before we talk the willy-nilly mixing of dynamic and static metrics, illegible colour contrasts, broken non-mouse/touch navigation, and gibberish lack of semantics telling large swaths of users to go plow themselves.

Hence the 20k of "eye cans haz teh intarwebs" markup for 3.5k of plaintext and eight content images, likely not even 6k of HTML's flipping job!

Seriously if you don't know what's wrong with this:

		<div class="services mg-top-40 mg-bot-40">
			<div class="container">
			<div class="row  mg-bot-20">
				<div class="col text-center">
				 <h5>Our Professional Services</h5>
			 <h1>Best Spa Care Services</h1>
			</div>

Code (markup):

... then please take the time to at least learn to use HTML properly instead of bootcrap or other nitwit "framework" idiocy, throw this entire mess in the trash, and start over from scratch.

Code-wise and indeed design-wise there is little if anything that should be salvaged from this wreck. That's not on you, that's on how you've been saddled up and taken for a ride by the BALD FACED LIES that prop up utter garbage like bootstrap.

As evidenced by the shoddy menu in question using JavaScript to do things we haven't needed JavaScript for in over a decade.

 

thanks for your input

i have not completed the design yet and will fix the issues that hdewantara and you mentioned..cheers
much appreciated