Streaming live at 10am (PST)

Layout affected by whitespace on exported site


#1

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


#2

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: https://cl.ly/3H220I3f2t2N

Here is an additional resource on whitespace

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


#3

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.


#4

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