My sites mobile view design is different when not logged in - how do I ensure it's all the same?

I'm having trouble with my mobile responsiveness. The issue arises when a user is not logged in (e.g. hits the homepage for the first time).

The desktop site works as expected, no issues there, but the mobile website pushes some of my elements to the left side of the screen, then when the user logs in these go back to the center of the screen as intended. I have included the screenshots below:

User Logged In: https://imgur.com/a/Sm5YK9K User Logged Out: https://imgur.com/a/hqvrEP2

Does anyone have any idea as to why being logged in to an account would have an effect on the mobile design?

Thanks for your consideration.

Topic design css Wordpress

Category Web

1
answered at

Have you tried inspecting the html code and css in the browser's dev console? It might be some "hidden" element only available when not loggedn in and that could be interfering. Usually you can see which css or element is causing this type of issues, just navigate through the elements

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.