Fix mobile newspaper overlay, start footer positioning

faisalnjs · Dec 21, 2023 · 0d1e3b9 · 0d1e3b9
1 parent 9086574
commit 0d1e3b9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/frontend/partials/footer.ejs b/frontend/partials/footer.ejs
@@ -1,6 +1,6 @@
 <% if (cms.siteDetails[0].advertisement != null) { %><div class="advertisement noMobile"><a href="<%= cms.siteDetails[0]['advertisement-link'] %>" title="Advertisement"><img src="<%- vars.asset_prefix %><%= cms.siteDetails[0].advertisement.path %>" alt="Advertisement" /></a></div><% } %>
 <% if (cms.siteDetails[0]['advertisement-mobile'] != null) { %><div class="advertisement mobileOnly" style="display: none;"><a href="<%= cms.siteDetails[0]['advertisement-link'] %>" title="Advertisement"><img src="<%- vars.asset_prefix %><%= cms.siteDetails[0]['advertisement-mobile'].path %>" alt="Advertisement" /></a></div><% } %>
-<footer style="background-image: url('<%- vars.asset_prefix %><%= cms.siteDetails[0].background.path %>')">
+<footer style="background-image: url('<%- vars.asset_prefix %><%= cms.siteDetails[0].background.path %>'); background-position-y: <%= cms.siteDetails[0].background.fp.y * cms.siteDetails[0].background.height %>px;"><%= cms.siteDetails[0].background.fp.y * cms.siteDetails[0].background.height %>/<%= cms.siteDetails[0].background.height %>
 	<div class="inner">
 		<div class="top">
 			<img src="<%- vars.asset_prefix %><%= cms.siteDetails[0].logo.path %>" alt="<%= cms.siteDetails[0].title %>" />

diff --git a/frontend/public/css/styles.css b/frontend/public/css/styles.css
@@ -46,6 +46,10 @@
 		height: 100%;
 	}
 
+	.hero .side {
+		display: none;
+	}
+
 	.hero .side {
 		width: 100%;
 	}
@@ -149,7 +153,7 @@
 	}
 
 	.hero {
-		height: 100vh !important;
+		height: 50vh !important;
 		width: 85% !important;
 	}
 
@@ -165,6 +169,7 @@
 
 	.articles .grid .article img {
 		width: 100% !important;
+		height: unset !important;
 	}
 
 	.articles .grid .article:nth-child(odd) {