Streaming live at 10am (PST)

Site looks different when published


#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: 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?



#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:
http://tutorials.webflow.com/intro-series/site-structure-1


#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.

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-1
http://tutorials.webflow.com/intro-series/site-structure-2
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


#4

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