Layout affected by whitespace on exported site

Hey guys!

I’m using this very nice template from Rowan Hartsuiker: Twisted Template

My problem:
I’ve exported the source code and uploaded it on my webhost. Somehow the exported version differs from the webflow version (mobile version).

Exported: http://www.gunung.co
Webflow: http://gunung.webflow.io

Does anybody have an idea?

Any help is greatly appreciated :slight_smile:

Best regards
Wilhelm

Hi @hellorocketman, thanks for your post, I am sorry to hear there was some issue with the styling on the exported site.

The issue seems to be that there is whitespace on the exported site due to inline block style set on the tab buttons, with a float set to off. This results in a small amount of whitespace, affecting the layout.

The solution is to add a float left to your style in Webflow on the buttons having inline block, and it should be corrected on the exported site: Image 2017-07-03 at 7.30.33...

Here is an additional resource on whitespace

I hope this helps, if not, let me know and I am happy to assist further.

1 Like

Thank you very much @cyberdave! The webflow support is outstanding!

Adding float left to the tab buttons solved the problem. Additionally I had to add a float left to the container below, too.

1 Like

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