The Responsive behavior seems to be fine on my desktop computer but when I look at the site on my Google Pixle Phone and a Galaxy S4 it is not showing the hamburger menu in the screen and it is way off to the right pushing the site way to the left. I tried many things but nothing seems to work.
My website is set up with Breakpoints at:
1370 1150 960 780 600 480 416 380 320
Some of the pages have different break points as well because of how they where laying out with my content. The menu is "stretch to browser width" but it does not seem to be doing that.
If there is some over type of menu I can use I will.
Check, if there are elements overlapping/placed outside the defined breakpoint width, or if elements don’t scale down according to the breakpoints.
Check in every breakpoint and don’t forget the master pages.
Thank you Günter,
Nothing was overlapping, and the elements do not scale down they are only adaptive to each breakpoint. The Accordion box is stretched to the browser but it is not responsive I guess that is the problem.
I am going to try a light box menu perhaps. I think the issue is with the responsive nature of the Accordion box or the lack-there-of.