Not a Web Dev, Trying to help my Parents, New Edit When Published Made Formatting Weird, Help!

So I am not a web dev, I am just a humble human who worked with web developers a lot when I did Marketing back in the day. My parents asked me to help with their website for their new business, they just got rid of the company who touched all this before. I went in to edit their contact page and made it looks great in the editor (Sorry I am a new user and it only allows one image). But when I publish it…it looks like this instead of in the middle. I will post what it is supposed to look like in a response for more context!

What have I done :sob: Please help me, my eyes are crossing at this point I have been fussing with it for so longgg! Thank you!

this is what it is SUPPOSED to look like…and what it looks like in the editor…

This is what my outline looks like

Looks like you got your column widths and the other issues figured out… for the most part.

The problem you couldn’t resolve was getting the “our location” above the map. While not an issue given the current layout, the problem is still technically there - your Store Hours heading/icon (and formerly Location too) are in their own group of columns, above the Hours and Maps columns they were introducing. The heading for the store hours just needs dragged down into the column with the Business Hours module. then you can just delete that group of empty columns.

There’s some really good courses here https://courses.wpbeaverbuilder.com/ and a ton of info here: https://docs.wpbeaverbuilder.com/ It’ll help you with figuring out columns and rows and how to fix the goofy tablet and mobile header navigation.

Also with that many images, make sure you set up lazy loading, or better yet, get that slideshow off the homepage and just have a gallery (that lazy loads) on the work portfolio page.

1 Like