Hi! I have seen a few posts about mobile devices, but non seem to get me the results I need.
Ultimately, I do have some content on my home page, and when on mobile it just looks sloppy and layered and the navigation doesn’t work. All I seek is the logo on top, then working navigation, then widgets, then content neatly under it all. Can you help me with that?
Thank you for your business first of all. Great question too. I took a look at your site and did see the content box sitting on top of your content like that. I believe this spot in your Custom CSS is causing that:
Since the width and positioning are set there, after the main stylesheet, they override the layout for the main content at smaller sizes. It looks like the only item changed there is the background opacity. Let’s try this. Change that snippet above to be like this: