adam/seahaven-site
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/seahaven-site.git synced 2026-09-30 08:53:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix footer layout: restore 4-column grid on desktop

Browse source 
The Elementor CSS custom property chain for --width wasn't resolving
correctly on the static site. Added explicit flex layout rules for
the footer columns (25% on desktop, 48% on tablet).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Adam Moussa 2026-04-04 19:12:29 -04:00
parent e8e1dbc27f
commit d8faee7b62
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
wp-content/css/nav-dropdown-fix.css
View file

@ -44,3 +44,28 @@
.elementor-nav-menu--main .sub-menu .menu-item a:hover {
background: rgba(0,0,0,0.05);
}
/* Footer layout fix: 4-column grid */
.elementor-114 .elementor-element-1e434e0f {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.elementor-114 .elementor-element-35f24109,
.elementor-114 .elementor-element-4b217e53,
.elementor-114 .elementor-element-62e2207d,
.elementor-114 .elementor-element-583b5112 {
width: 25%;
flex: 0 0 25%;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.elementor-114 .elementor-element-35f24109,
.elementor-114 .elementor-element-4b217e53,
.elementor-114 .elementor-element-62e2207d,
.elementor-114 .elementor-element-583b5112 {
width: 48%;
flex: 0 0 48%;
}
}