The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

enlarge link for phones

3 posters

Go down

Solved enlarge link for phones

Post by poesia-verses November 4th 2023, 8:10 am

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;}
}

enlarge link for phones Clipbo15



Notabene:

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


Last edited by poesia-verses on November 5th 2023, 5:51 pm; edited 1 time in total
poesia-verses
poesia-verses
Forumember

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Back to top Go down

Solved Re: enlarge link for phones

Post by skouliki November 4th 2023, 2:57 pm

hello

who gave you that code ?
skouliki
skouliki
Manager
Manager

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: enlarge link for phones

Post by poesia-verses November 4th 2023, 5:57 pm

its my code
poesia-verses
poesia-verses
Forumember

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Back to top Go down

Solved Re: enlarge link for phones

Post by skouliki November 4th 2023, 8:20 pm

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
skouliki
Manager
Manager

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: enlarge link for phones

Post by poesia-verses November 5th 2023, 10:11 am

@skouliki
please attach a screenshot of my forum from your phone now
poesia-verses
poesia-verses
Forumember

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Back to top Go down

Solved Re: enlarge link for phones

Post by skouliki November 5th 2023, 12:11 pm

Here you go

enlarge link for phones Img_3110
skouliki
skouliki
Manager
Manager

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

poesia-verses likes this post

Back to top Go down

Solved Re: enlarge link for phones

Post by Niko November 5th 2023, 2:15 pm

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 Wink
Code:
<div class="kstat1" style="position:fixed;
    z-index:1800;
    height:18px;
    width:122px;
        bottom: 0px;
right: 47px;
line-height: 98%;
">
Niko
Niko
Helper
Helper

Male Posts : 3120
Reputation : 246
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

TonnyKamper and poesia-verses like this post

Back to top Go down

Solved Re: enlarge link for phones

Post by poesia-verses November 5th 2023, 2:27 pm

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

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Back to top Go down

Solved Re: enlarge link for phones

Post by skouliki November 5th 2023, 4:30 pm

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

skouliki
skouliki
Manager
Manager

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

TonnyKamper likes this post

Back to top Go down

Solved Re: enlarge link for phones

Post by Niko November 5th 2023, 5:09 pm

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?
Niko
Niko
Helper
Helper

Male Posts : 3120
Reputation : 246
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

TonnyKamper likes this post

Back to top Go down

Solved Re: enlarge link for phones

Post by poesia-verses November 5th 2023, 5:31 pm

Have you tried using the solution I provided?

yes
not work
poesia-verses
poesia-verses
Forumember

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Back to top Go down

Solved Re: enlarge link for phones

Post by Niko November 5th 2023, 5:41 pm

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;
}
}
Niko
Niko
Helper
Helper

Male Posts : 3120
Reputation : 246
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

Solved Re: enlarge link for phones

Post by poesia-verses November 5th 2023, 5:50 pm

work
thanx very mach
poesia-verses
poesia-verses
Forumember

Male Posts : 536
Reputation : 21
Language : and small english

https://stihi-podval.forumotion.com/

Niko likes this post

Back to top Go down

Solved Re: enlarge link for phones

Post by skouliki November 5th 2023, 6:00 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum