Libreelec webpage issue on androide

bmoller · August 21, 2017 at 7:16 AM

This is how your webpage looks like on androide.

Before you ask, yes i have tried other browsers

**Klojum** · August 21, 2017 at 7:43 AM Official Post

Android has some 300+ different versions.

Which Android version and which browser are you using, because I cannot tell the differences.

FYI, the LE website works on my phone, with Android 4.2.1 and Firefox 55.

**HiassofT** · August 21, 2017 at 8:09 AM

I can reproduce this with firefox-esr on debian stretch

Code

hias@camel2:~$ apt-cache policy firefox-esr
firefox-esr:
Installed: 52.3.0esr-1~deb9u1
Candidate: 52.3.0esr-1~deb9u1
Version table:
*** 52.3.0esr-1~deb9u1 500
500 http://security.debian.org stretch/updates/main amd64 Packages
100 /var/lib/dpkg/status
45.9.0esr-1 500
500 http://ftp.at.debian.org/debian stretch/main amd64 Packages

Anyone played with the CSS lately?

so long,

Hias

**HiassofT** · August 21, 2017 at 8:19 AM

Hmmm, probably this (huge left/right padding)

Code

/* force left sidebar to 255px */
.col-3cm .main { background: url(../img/sidebar/s-right-s2.png) repeat-y right 0; }
.col-3cm .main-inner { background: url(../img/sidebar/s-left.png) repeat-y left 0; padding-left: 255px; padding-right: 260px; }
.col-3cm .sidebar.s1 { float: left; margin-left: -255px; }
.col-3cm .sidebar.s2 { float: right; margin-right: -260px; /* ingenuity! */ position: relative; right: -100%; }
.col-3cm .content { float: right; }
.sidebar.s1 { width: 255px; z-index: 2; }
.s1.expanded .post-nav { opacity:1;min-width: 255px; }

These settings are without @media

so long,

Hias

bmoller · August 21, 2017 at 8:43 AM

I use androide 5.0.1 and that is a chrome browser

**CvH** · August 21, 2017 at 9:43 AM Official Post

should be fixed

bmoller · August 21, 2017 at 2:53 PM

Great work. Thanks ☺