jarvis/componentowl-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix product page mobile layout: compatibility, sides, features

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-24 04:37:15 +00:00
parent ef1973fa12
commit bab7f9af3c
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/layouts/Base.astro
View File

@@ -423,6 +423,18 @@ const isHome = currentPath === '/';
/* Prevent horizontal overflow */ /* Prevent horizontal overflow */
.d-page { overflow-x: hidden; } .d-page { overflow-x: hidden; }
.d-content-wrap { overflow-x: hidden; } .d-content-wrap { overflow-x: hidden; }
/* Product page content */
.compatibility { width: 100% !important; float: none !important; }
.features-page .left, .features-page .right { width: 100% !important; float: none !important; }
.features-page .sides { width: 100% !important; }
.sides .left, .sides .right { width: 100% !important; float: none !important; margin: 0 !important; }
.subscription-lists-ct { width: 100% !important; }
.featured-item { width: 100% !important; }
/* Fix fixed-width elements */
div[style*="width"] { max-width: 100% !important; }
/* Buttons */
.buttons-hp a, .buttons-hp-vertical a { display: block; margin: 5px 0; text-align: center; }
a.image-link { display: block; margin: 5px 0; }
} }
@media (max-width: 480px) { @media (max-width: 480px) {
h1 { font-size: 1.4em; } h1 { font-size: 1.4em; }