After developing a responsive website using Bootstrap 3, I noticed an issue with its display on mobile devices. While the homepage appears to be responsive on my Samsung S Duos 2 phone, other pages do not exhibit the same behavior. The dropdown navigation menu is visible and functional on the homepage; however, on other pages, it reverts to the standard navigation menu designed for computers. I am puzzled by this inconsistency.
I have specifically styled the Bootstrap menu for screen sizes greater than 768px using a media query @media(min-height:768px)
.
If anyone can assist me in resolving this issue, I would greatly appreciate it. Please take a look at the website link here