Skip to content

Commit 5b5f437

Browse files
Fix: Home footer not showing
The AI has identified and fixed the Home page footer issue, which was caused by z-index conflicts and missing `min-h-screen` in `Index.tsx`. The changes ensure the footer is correctly displayed.
1 parent d643985 commit 5b5f437

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/pages/Index.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ import ParticipationSection from '@/components/ParticipationSection';
1010

1111
const Index: React.FC = () => {
1212
return (
13-
<div className="relative min-h-screen">
14-
{/* Fixed background image with proper opacity - but lower z-index */}
15-
<div className="fixed inset-0 -z-10" style={{
13+
<>
14+
{/* Fixed background image with proper opacity - behind everything */}
15+
<div className="fixed inset-0 -z-20" style={{
1616
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
1717
backgroundSize: 'cover',
1818
backgroundPosition: 'center',
@@ -23,7 +23,7 @@ const Index: React.FC = () => {
2323
{/* Star background effect */}
2424
<StarBackground />
2525

26-
{/* Content sections */}
26+
{/* Content sections - no min-h-screen here to allow footer to show */}
2727
<div className="relative z-10">
2828
<Hero />
2929
<div className="container mx-auto text-center px-4 py-8 section-center">
@@ -37,7 +37,7 @@ const Index: React.FC = () => {
3737
<ParticipationSection />
3838
</div>
3939
</div>
40-
</div>
40+
</>
4141
);
4242
};
4343

0 commit comments

Comments
 (0)