Hello- the site is trailheadcounselling.com and as you will see, I've modified the size of the brand image. The layout of the whole siteis based on the width of the brand image, so I don't want to change that. (eg the sidebar is mapped right underneath the brand image)
The problem is that the menu items: Home, About, Counselling Fees etc. OVERLAP the brand image at 768-800px width, and the little phone menu overlaps the brand image at 240px width (screen size)
You can test it here:
I designed the site on a very wide screen, so didn't notice this problem till the very end, and now it's all designed, but buggy.
I would like to shrink the menu responsively. What can I do?