Archived topic
Width of website changing when logged in and out of admin area
5 replies · Started by Debbie on February 7, 2022
I hope that you can figure out what on earth I’m doing wrong as something weird has happened to my website!
I’ve been working on a redesign all day. During that redesign, I’ve been logged into the admin area of the website (live-admin.png) whilst working, and I’ve been checking on the live website whilst doing the design (live-logged-in.png). All looks fine and as it should do.
However, now I’ve logged out of the admin area of the live website it looks like this - https://www.grotechdatasolutions.co.uk/ - it’s shrunk widthways!! It would appear that the width of the website is altering itself somehow when I log out (even though the width is set as the usual width of 1300 px in the settings and hasn’t been touched and I’ve added no additional CSS to change this and page layout is set to default).
I’ve tried reversing some of the changes that I made to the live website in an attempt to figure out what is going on, but nothing has helped (and I don’t know when this weird behaviour started since I’ve been logged into the admin area for most of the day).
Before I made changes to the live website, I designed the look using my localhost installation of the website and this looks fine whether I’m logged in or out (see screenshot localhost-homepage.png).
Any ideas? Because I’m completely baffled!
Hi there,
your site is running a Litespeed Cache that has a lot of CSS being loaded in the head of your site, including a LOT of custom CSS that is controlling the widths of your content.
Looks like the Litespeed cache and any CSS optimizations it performs need to be cleared.
Ah, that seems to have done the trick – thanks David – I’ve left Litespeed in place for now and just modified the CSS settings - CSS Minify and CSS Combine are the only CSS modules that are now active and the layout now seems to be behaving itself - although I will uninstall Litespeed if this presents further problems going forward (this website is very small anyway).
Just one thing though – I intend to use GP to redesign another site that is much larger than this one – and so far, Litespeed has done a really good job of speeding up this other website – Lighthouse scores have improved drastically since I installed it – but that is using in conjunction with a default WP theme, which was very slow indeed.
I chose GP for my redesigns because I know that your themes are very lightweight – do you have any advice generally on using cache plugins with GP themes? Are they necessary?!
I try to always uses server-side page caching. It considerably lighten the server load which is always good.
Optimizing CSS/JS i generally don't bother now with a GP/GB build.
I prefer removing stuff that i don't need. And only loading stuff on the pages it is needed. This i used to use a bunch of snippets for, but i am really liking PerfMatters as it does all that.
But these are just my preferences, and there are a lot of Litespeed/WP Rocket users that swear by them for the best performance... they just need careful configuration.
Thanks for all your help and suggestions David - much appreciated :)
You're welcome!
