Streaming live at 10am (PST)

Site looks different when published

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: https://preview.webflow.com/preview/worldpag?preview=557027809c8f6b5ff029efc11f114cd1

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.

Here is how it looks published.

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?


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

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.

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:



http://tutorials.webflow.com/intro-series/site-structure-3)

  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.

3.Not sure what do you mean when you say

could you explain more detail, pls.

Cheers,
Anna

1 Like

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