Streaming live at 10am (PST)

Layout - Export code looks different than in Webflow


#1

My Index page looks correct in Webflow http://skarabeo.webflow.io/, but when i download the code and open the same index.html in Chrome the layout is broken http://tinyurl.com/nfofkdr

How can i fix that?

Cris


#2

The section or div that is holding the images - is that on % or pixel for the width?


#3

Hey @irafis

Any chance you could give me a url to the website that has exported code so i can look at the code? if you dont want to share it publicly just send me a pm :smile:

Best
Ahmad


#4

Looked at the code its 18% width :smile:


#5

If i touch it i lose all the animations


#6

What do you touch that you lose all animations? :smile:


#7

The % width ...
Here the link to the website files: http://sifari.ch/skarabeo.webflow_wrong.zip


#8

Im looking into the code will update you when i find something :smile:


#9

Thanks man! I really appreciate your help!!


#10

No issues i think i found the culprit if you want i can either make a video tutorial on how to fix it if you can provide me a read-only link or i can explain it in text :smile:


#11

If it's not too long better in text


#12

@irafis I dont think you will understand i i write it but if you dont want to give me the whole site what you can do is duplicate the site delete everything except the 5 images :smile:

Best
Ahmad


#13

Thanks Ahmad ... i will try to fix it with a developer friend of mine. Thanks anyway for your help.


#14

Your welcome just tell him to give the class:

w-inline-block sk-centerdiv sk-splash-imgdiv = Width 18% Margin-Left: 1%; Margin Right: 1%;

And

w-inline-block sk-centerdiv = Width 18% Margin-Left: 1%; Margin Right: 1%;

Hopefully this speeds up the workflow for you and him :smile:

Best
Ahmad


#15

Ahmad.. i resolved the problem on the homepage, but now i have some layout problems in other pages when looked on ipad. Listen.. are you available for hire? I guess in a couple of hours you can fix all the bugs, the problems are just in 2-3 pages, nothing complicated. Please let me know and how much you ask per hour...


#16

Hey Cris,

Kindly PM me the details what you need done and i will get back to you :smile:

Best
Ahmad


#17

Give me one day, tomorrow i will see the client, maybe there are some minor changes to apply.
I will send you a PDF via PM with the list of the things to do by tomorrow evening.

Best,
Rick


#18

Look forward :smile:


#19

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