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?

https://preview.redd.it/5q4hz97er8pb1.png?width=2164&format=png&auto=webp&s=6a3e9746f06bef23b66f8f2057e12c28335f3746

https://preview.redd.it/3dwiya7er8pb1.png?width=2551&format=png&auto=webp&s=03a5526b5f532d89d2e8147e3af75f481abec9e2

 

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