Why is my Muse project in preview different to what I see in muse?

[joshg20791758]

So as you can see in the images below:

Previewed in Muse - Album on Imgur

My website looks good in design view, but when I preview it my name "Josh Gomez" goes really small and moves to the right, and my widget next to it that has "Home, Portfolio, Contact, About" moves to the left as well. Also the picture behind the word "Welcome" fills the screen but on the bottom there is a white gap between the footer and the image which doesn't go away, what can i do with these things?

[Pavel_Homeriki · Accepted solution]

(1) The reason is that you are using the system font. Never use system fonts. Use web fonts or standard fonts.

(2) In addition, never use the image in this way. This will lead to problems for which you do not suspect. Beyond the page should not be anything, except for the technical widgets on the left.

[joshg20791758]

Thank you Pavel, ill take that into consideration, but it doesn't solve my issue with the actual text moving to the right, is it to do with my max breakpoint? its at 920

I've attached an image here:

Imgur: The most awesome images on the Internet

[Pavel_Homeriki]

I think you are using not correct pinning. Both options of right pinning will cause a problem as you have. You should disable it or assign the left pinning.

I recommend you to spend little bit more time for Muse video tutorials on adobe website.