Site looks different when published

Design help General
1

Hi everyone! This is my first time designing a website and working in webflow. I’m very new to this so I’m sure I’m just doing something stupid. I went to publish to make sure things were aligned correctly and just my luck, everything is a mess. I can’t quite figure out what I did wrong. Any help is greatly appreciated.

Here is my link: Webflow - World Professional Analytics Group, LLC

1st issue - I thought the top image would stretch to fit across the page like here in the preview when published. I want the top nav bar and image the same width across the page. There is white space on the side and its centered on the published site.

1024×528 692 KB

Here is how it looks published.

1366×768 825 KB

The 2nd issue… my paragraph, columns and text on the right side of my form alignment went off when I published it. What could cause that?

1366×768 197 KB

1366×768 139 KB

2

Hi @ilustra :smile:

Welcome to the community!

For the first issue, try:

  1. moving the main image outside of the container
  2. remove the scaling of your image (located under transforms)

For the second issue, try:

  1. make sure all of your icons have a display setting of “block”
  2. set all columns to have a text-align of center

​Try these steps and let me know if you’re successful. Good luck and have fun! :smile:

Also, if you haven’t already take a look at our video tutorials about site structure:

1 Like
3

Hello @ilustra!
First of all, congratulations with your start! Hope you will enjoy learning and working :blush:

About your issues.

  1. From structure of your site I can see that you put image inside the container.
    227×987 20.5 KB

Here I should remind you, that width of container by default is 940 px (if you do not add class of container and will not change it size).

(More information about structure and elements of site you can find in this video tutorials:

Webflow 101 - Webflow University Courses)

  1. Even if your image would be not inside smaller element, it still has fixed size :1008 px. So on every screen wider than 1008 px it will have white space on the sides.
    265×560 25.9 KB

3.Not sure what do you mean when you say

could you explain more detail, pls.

Cheers,
Anna

1 Like
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.