Hello!
I redesigned my entire website using GeneratePress and GenerateBlocks. I just got off the staging environment on my hosting and pushed the website live. Everything works fine except for two things.
1. When I saw the live website from the mobile front-end, the H1 tag was too big and not center-aligned. However, from the editor’s perspective, everything looks fine. Even though I update the article, it doesn’t change on the front-end, and still appears big and awkward. I use Elements to achieve this.
Below, I uploaded two photos where you can see the problem occurring.
Front end – https://imgur.com/a/ch3UR0X
How it appears in the back end (I want to achieve this look) – https://imgur.com/a/h4QtRVD
2. I try to add a 15 px left margin to my Element -> Content Template because the content is “glued” to the left side of the screen on mobile. Everything is good on the back end, but when I see the front-end mobile website, it isn’t updated whatsoever. You can see the issue below.
Front end Paragraph is “Glued” to Screen Edge, Back end it looks fine.
How do I fix these issues?
I really appreciate any help you can provide.
Mihail