I’ve finished a site on Webflow recently, but after export the stylings seem to be all off. My coding knowledge is pretty rudimentary so thought it better to ask you wonderful people before I confuse myself too much.
And here is the site, uploaded to a personal domain for preview – this is also how the site renders when I use live preview from Brackets: http://maxwelljeffery.com/
Does anyone know what’s causing the inconsistencies?
@Maxwell - This is a shot in the dark, but I noticed that the element “Dyslexic Pop Up Tab” is showing the Warning Icon in the Position settings. It’s asking to “Add position relative to parent”.
Try placing the Dyslexic Pop Up Tab under the Nav section, and then change the Nav section to Position: Relative. Then republish and see if that fixes it.
(Could be totally off base here. Still learning myself!)
Hey @MetaFlare – I’ve tried making parent elements relative but doesn’t seem to make a difference Really appreciate your suggestion though!
I suspect this is my fault rather than Webflow’s (so I’ve moved from bugs to code help…) but I’m not managing to narrow it down so far by looking at the code.
My problem seems to be that any element with absolute positioning is displaying incorrectly after export. My read only link is here
I’ve attached some screenshots for further reference:
I’m inspecting the element “dyslexic-pop-up-tab” in both screenshots. You can see that while on Webflow it is being styled correctly, but after export it only inherits the values from “body-background”. This kind of thing is happening on other absolute positioned elements as well.
I noticed you have the image uploaded to the project which has an apostrophe in its name. It is usually the reason in such cases, when css file does not load properly.
Try to re-mane the image (without using any special characters) and re-upload it to the Webflow project. Then export. Or go to css file and fix the name