overflow x-hidden is not working on mobile browser chrome

Question

I don't understand why there is still horizontal scrollbar on my site while browsing on mobile browser like chrome. here is live site: https://alidhuniya.github.io/linguisticCenter/index.html

Answer 1

Ali Hussain Dhuniya It's ok now but cross button is going behind the menu. See the SS.

https://photos.app.goo.gl/YAuN3ZvWPoQUh4cJ6

Answer 2

Ali Hussain Dhuniya It's ok now but there is much distance between the titles so It's not looking good and also left side has more space. Put the equal space and I think menu should be little bit down side.

See the SS

https://photos.app.goo.gl/f79KYdyGckWzBu2M6

Answer 3

Ali Hussain Dhuniya It's looking perfect in my mobile. Are you talking about after opening menu bar? Problem is in your menu bar. You must check this.

Answer 4

Ali Hussain Dhuniya Did you update because I am still seeing the problem in menu bar because of number which has more width than other text.

Answer 5

AJ Anant - C#/Java Challenger solved
Yes its because of nav overfkow and some images that exceed width of device.now it's fine

Answer 6

AJ Anant - C#/Java Challenger its all good bro I have checked it. Clear your hjstory and paste url again

Answer 7

AJ Anant - C#/Java Challenger yea there is little scrollbar when we click on hambergur menu.

Answer 8

AJ Anant - C#/Java Challenger now check it that little horizontal scroll on nav gone. I just make nav on center