OK, it looks like I broke the sticky footer. Let me revisit that.
Too bad about the Dane on the flag
Please describe what is not working in the menu? The dropdown mechanism works for me and the tabs become rows for mobiles, too. What specifically are you referring to that doesn't work?
Which animation? The code on my test page is nothing, I just defeated the frameworks transitions by defeating the classname or your already-too-s-l-o-w animation? IMO, there must be something better available.
The unfortunate thing about my code is that I changed the HTML, so parts of the w3.css, such as the sticky footer, do not work. Frankly, my intent was limited to identifying an acceptable way of treating the "focus" boxes and the carousel without breaking anything else; however, I overlooked the sticky footer. I may be able to restore that... not sure. The menubar should not have changed. I did not set out to learn the W3.css framework :nonono:. Frameworks make a few things easier, but otherwise come with too many restricting rules and requirements that must be followed. Plus, however many pages your site may have can probably be written without the framework using 1/5 of the CSS or less. The rest of the CSS is bloat which users have no choice about downloading.
How many pages does your site have?
Are you referring to the W3.css? ... much better than what?
Are you "wedded" to frameworks? You seem more than bright enough to learn to write your HTML and CSS "by hand", so to speak, and your design tastes seem more discerning than this framework seems to allow you to present.
How to treat the carousel? First, does my "proof of concept" example resize to suit you? and is the two-column view between the one and three column view acceptable? Is it OK that the first info box preceeds the carousel in the mobile (single column) view? Another FYI that you already know: the closer the images are to having the same aspect ratio, the more uniformly they will appear in the carousel.
I cannot solve the carousel animation for you. I do not write JS. Someone here may be able to modify one of the W3's JS patterns ("it doesn't look that complicated" says the non-programmer) or you may choose to look elsewhere for an already-built carousel that offers the fade-in-overlay that I described. (FYI, more sophisticated carousels feature controls that allow the user to pause, back-up, and continue the show.) If you decide to go for the fade-in-overlay, start with a transition around half a second or so and a viewing period of about 2-3 seconds and adjust to suit. I have no recommendations about how to time the fade-out-fade-in transition in your present pattern. Personally, I would have never considered it.
Sorry to hear that one of your pups is ailing. Hope s/he gets better.
I am presently surrounded by my girlfriend cat. She is a unique, compact, high energy commando species that can materialize in several places at the same time... and when she wants attention, she wants it NOW.
For now, I will see if I can restore the sticky footer.