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

admin管理员组

文章数量:1336633

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: .jpg User Logged Out: .jpg

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.

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://i.sstatic/KQSRB.jpg User Logged Out: https://i.sstatic/36Oqy.jpg

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.

• css
• design

Share Improve this question asked May 23, 2020 at 12:25 CalumCalum 1 1

• Can you share the URL so that I can check the issue? – made2popular Commented May 25, 2020 at 23:07

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

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

本文标签： cssMy sites mobile view design is different when not logged inhow do I ensure it39s all the same