Site editor looks different from published site

Hello kind folks, I’m a beginner so this might be a confusing topic for me.

Currently, im using the Spectra One theme, and using the Spectra 2.7.9 plugin to edit my pages.

What I see on the site editor is a neatly formatted header, for example, but when it gets published, it looks completely different – the positioning, it switches to a list (see images)

Same thing is going on for some other components of the site.

Things I have tried after googling around: disabling all the plugins (i only have 3 additional) and regenerating the css, but all didnt work for me. Does anyone have a clue?


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer