Hi, I’m doing a major site build of what was a quite popular website back in the day (at one point was number-1 Alexa ranked Uk site in ‘music genre’ for visits)
The site is to be exported to my server.
The main 12 product sections/history/information pages are hard coded and will be static.
Other pages are to work as templates and will load content (image, title, text etc) into the various sections & containers etc from database
The first version of the site I exported some months ago to test server database integration. Every test I did was good, everything worked on export 100%, so I resumed adding fine tweaks in the webflow editor.
ONLY small changes were made at this point & i simply fine-tuned the layout at the different sizes down from default desktop
Finished the fine tweaks & Exported again recently & everything is now nuts!!
Everything looks good in the webflow editor, but exported code is COMPLETELY different:
Things look different, in some cases critical and in others subtle.
I went in and studied the CSS file and it’s full of multiple entries for the same classes, it’s a complete mess!
For example, you drill down the CSS file & see a class for a DIV or CONTAINER object or whatever, and for example it has padding values… the object looks wrong on page… drill further down the CSS file and you find the same class repeated multiple times with different padding values (and other values) which are wrong & overriding the previous class statement in the CSS
THE SITE LOOKS FINE IN THE EDITOR PREVIEW, BUT WHEN VIEWED DIRECTLY FROM THE DOWNLOAD PACKAGE:
THE WIDTH OF THE SITE IS COMPLETELY WRONG… it’s much wider so containers & divs and their content images looked stretched
RE-SIZING IS MESSED UP COMPLETELY
CSS is being added to objects that IS simply NOT present in the editor version before export!
ALL CONCERTINA EFFECTS (on 2 pages, critical to the navigation design) DO NOT WORK AT ALL
But ALL concertina effects work on the main menu-bar.
GRID boxes display different FR widths
What has caused this?
The only thing I did besides tweaks was: I copied the entire project a couple of times to try variations on the design of things. I made a copy first so that if i made design changes & decided they would not work I could always go back to the original version.
Now everything is messed up with ALL versions!!!.. It’s as if Webflow has got all the CSS & JS files mixed up from the different versions I copied & has merged all the css etc together from all copies (maybe?).
I AM IN SERIOUS SERIOUS DEADLINE PROBLEMS NOW AND NEED HELP PLEASE
Some of the problems I can fix by going through the CSS, but other issues I cannot for the life of me see what the problem is:
can anyone help please?
btw. if you view the READ-ONLY version linked below there’s a bug. The hamburger menu doesn’t respond UNLESS you first click the site header branding image at the top-left to reload the home page, after that the hamburger menu works.
(This is only a bug in the preview, not exported version)