Featured Content Bar on Home Screen

[Drake97]

when I renamed the file to lowercase, it immediately started to recommend the movies and series that I left

Nice work! I've updated it to fix that, thanks!

and the other thing, is that I keep the display problem, even using the normal spotlight.html file, it gives me that unused blank space between the bar and my media.



Thinking that maybe it was an incompatibility with the theme I had, I put finimalism as well without any css and still the problem, plus it seems to crop the photos and the text/logo of the movies (word Sonríe cutted in half)



the weirdest thing is that in the mobile version it works flawlessly, without any problem.

could it be maybe that I am doing all the tests on my monitor which is 2k instead of 1080p ? if so I apologize as I don't have a lower resolution monitor to test on

if you want we can communicate by discord or some other way, for me to be working as a kind of QA or something like that, only if you think so

greetings

Can you check you've definitely not added css to this area (Settings > Display)


and check this is your home-html.chunk.js

Code:

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372],{5939:function(a,e,t){t.r(e),e.default='<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book"> <style>.featurediframe {width: 95vw; height: 23.5em; display: block; border: 0px solid #000; margin: 0 auto; margin-bottom: 0em; margin-top: 1em;} @media (min-width: 2000px) {.featurediframe {height: 18em; font-size: 175%;} .layout-desktop #homeTab .sections.homeSectionsContainer {margin-top: -3em !important;}} @media (max-width:1000px) and (orientation:portrait) {.featurediframe {height: 46vh;}} @media (max-width:1000px) and (orientation:landscape) {.featurediframe {height: 98vh;}} @media (max-width:400px) and (orientation:portrait) {.featurediframe {height: 52vh;}} @media (max-height: 400px) and (orientation:landscape) {.featurediframe {height: 100vh;}} @media screen and (aspect-ratio: 4/3) {.featurediframe {height: 27em;}} @media screen and (aspect-ratio: 3/4) {.featurediframe {height: 27em;}} @media screen and (aspect-ratio: 16/10) and (max-height: 1200px) {.featurediframe {height: 34em;}} @media screen and (aspect-ratio: 10/16) and (max-height: 1280px) {.featurediframe {height: 25em;}} </style><iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe> <div class="tabContent pageTabContent" id="homeTab" data-index="0"> <div class="sections"></div> </div> <div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div> </div> </div> '}}]);

my man!!,

for some reason my chunk.js had much less information than the one you gave me and after making a backup of mine, replace it with yours, it works perfectly, I no longer have that lost space and the bar works 10 of 10, thank you very much