PeppySpectrum with MoOde

[franktw956]

but after changing css and rebuild

I'd suspect the culprit is in here then.  What did you change?

In media.css

Code:

// Ultra-wide screen 480 & 550 x 1920
*/
@media (max-height:549px) and (width:1919px) {
   /* Hide the volume knob */
   #volzone {display:none;}

   /* Popup volume control */
   #volcontrol-2 {height:18vw;width:18vw;padding: 2em;}
   #volumedn-2,
   #volumeup-2 {font-size:2.5vw;}
   #volume-popup .volume-display {font-size:2.75vw;}

   /* Screen saver metadata */
   #ss-metadata {top:10vh!important;text-align:center!important;font-size:3em!important;}

   /* Audioinfo popup modal */
   #audioinfo-modal {width:35%!important;}

   /* Thumbnails for Radio, Album and Playlist views */
   img.coverart {width:72vh;}
   .cover-menu {background-size:2.5rem 2.5rem;background-position: 0.75rem 2rem;}
   .album-name,
   .artyear,
   .station-name,
   .playlist-name {font-size:1.25em;}

   #lib-content li {line-height:1.35em;}
   /* Metadata under the cover art in Playback view */
   #extra-tags-display,
   #currentsong,
   #currentartist {text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
   .playback-hd-badge {height:1.25em!important;top:1rem!important;padding-top:0.15em;}

   /* Playback view Queue  */
   .playqueue li:before {font-size:1.35em;margin-top:10px;}
   .playqueue .playqueue-thumb {width:3.5em;height:3.5em;}
   .playqueue .pll1 {font-size:1.35rem;}
   .playqueue .pll2 {font-size:1.15rem;margin-left:calc(3.5em + 1vmin)!important}
   .playqueue-action {font-size:1.25rem!important;}

   /* CoverView Queue */
   #cv-playqueue {width:75vmin;}
   .cv-playqueue li:before {font-size:1.5em;margin-top:8px;}
   .cv-playqueue .playqueue-thumb {width:3.5em;height:3.5em;}
   .cv-playqueue .pll1 {font-size:1.25rem;}
   .cv-playqueue .pll2 {font-size:1rem;margin-left:calc(1.25em + 1vmin)!important}

   /* Time knob */
   #countdown {margin:0 auto;height:16.5vw;width:16.5vw;}
   #countdown div {margin:0 auto;} /* needed to center the knob */
   #countdown-display {position:absolute;top:47%;left:50%;margin-right:0px;margin-bottom:0px;transform:translate(-50%, -50%);font-size:2.5vw;font-weight:500;cursor:pointer;}
   #total {position:absolute;top:62%;left:50%;transform:translate(-50%);font-size:1.5vw;}
   .total-radio {top:65%!important}

   /* Metadata under the cover art in Playback view */
   #currentsong {font-size:1.5rem;}
   #currentsong,
   #currentartist,
   #currentalbum {padding-top:.75rem;}
   /* Play and toggle buttons under the time knob */
   #playbtns .btn {font-size:2vw;padding:1.25rem 2rem;}
   #togglebtns .btn-group .btn {font-size:1.5em;}
   #togglebtns .ralbum {display:none;}
   #togglebtns .volume-popup-btn {display:inline-block;}

   /* Tag view */
   #top-columns {width:80vw;left:10vw;}
   #lib-coverart-meta-area {display:none;}
   #trackscontainer {margin-right:10vw;}

   /* Dropdown and context menus */
   .dropdown-menu>li>a,
   .viewswitch .btn {line-height:2.5rem;font-size:1.15em;}

   /* Renderer active overlays: Text and button */
   #inpsrc-indicator {font-size:2.85em;}
   /* For the configs */
   .container {margin-left:25vw;margin-right:25vw;}
   
}