hi all.
I want to increase it for phones (I have a web version for phones on the forum) this link is below, here is the code that I use, but it doesn’t work

Code:

@media screen and (max-width: 550px) {
  #statk1 a {font-size: 72px;}
}


Notabene:

I now have Windows 7, and many problems with the forum have disappeared. all is good. Thank

hello

who gave you that code ?

its my code

you can not increase the font size that much without changing the width of the element cause the text will vanish
also you want this code to be applied in the mobile version? cause the desktop version is the same to all devices

@skouliki
please attach a screenshot of my forum from your phone now

Here you go

Coucou,

you don't have any element with ID

Code: #statk1

, so of course the code does not work, but you have a

Code: .kstat1

class element

This CSS will work instead:

Code:

@media screen and (max-width: 550px) {
  .kstat1 a {
    font-size: 72px;
}
}

Also, please note that you may need to change the parent element style attribute, in particular the dimension of the width line

Code:

<div class="kstat1" style="position:fixed;
    z-index:1800;
    height:18px;
    width:122px;
        bottom: 0px;
right: 47px;
line-height: 98%;
">

The web version(for phone) is not the same as narrowing the browser window; when narrowing, my script works.

poesia-verses wrote:The web version(for phone) is not the same as narrowing the browser window; when narrowing, my script works.

The layout changes based on the size and capabilities of the device... based on different screen sizes ...based on different device features and so on..

this is why we created the Modern version https://help.forumotion.com/t161760-new-the-modernbb-version-of-forumotion-forums-is-now-responsive?highlight=ModernBB

poesia-verses wrote:The web version(for phone) is not the same as narrowing the browser window; when narrowing, my script works.

Have you tried using the solution I provided?

Have you tried using the solution I provided?

yes
not work

Can you try with this instead?

Code:

@media screen and (max-device-width: 550px), screen and (max-width: 550px) {
.kstat1 a {
    font-size: 72px!important;
}
}

You may also need to add this to solve the issue of the parent I was telling you before:

Code:

@media screen and (max-device-width: 550px), screen and (max-width: 550px) {
.kstat1 {
    width: fit-content!important;
}
}

work
thanx very mach