mobile.css not work for me when using mobile

[omer-jamal]

I noticed there mobile.css but when I use forum using phone I do not see any change
CSS @media Rule need update ?

Code:

<link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 320px) and (max-device-width: 650px)" href="https://bitcointalk.org/Themes/custom1/mobile.css" />

[bL4nkcode]

So what do you expect of having mobile media query in the cs file? A responsive mobile layout for the forum? Nope, if you will browse the css file its only for fonts, paddings for smaller devices such mobile, with no grid system that can make a mobile responsive and better look like what other new forum has. Or, what you're expecting seeing those mobile css file.

[omer-jamal]

I expect  Something like?



I do not know why not working for me I Do not notice any change when using mobile it's show like PC
How supposed appear for mobile surfers ?

Note: The topic will be reverted to "Archival" again!

[mprep]

This is all the CSS that's present in that file:

Code:

body
{
	 padding: 1px 3px 0 3px;
}

span.prevnext a:link {font-size:500%}
span.prevnext a:visited {font-size:500%}
span.prevnext a:hover {font-size:500%}
span.prevnext a:active {font-size:500%}

#smfheader
{
	 display:none
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: black;
	font-style: normal;
	background: inherit;
	background-color: #C3D1DC;
	border-bottom: none;
	border-top: none;
	padding-left: 0;
	padding-right: 0;
}

#hellomember
{
	 font-size:small !important; 
}

.maintab_back, .maintab_active_back
{
	padding: 2px 2px 2px 2px;
}

.maintab_first
{
	background: inherit;
	background-color:#7392B0;
}
.maintab_back
{
	background: inherit;
	background-color:#7392B0;
}
.maintab_last
{
	background: inherit;
	background-color:#7392B0;
}
.maintab_active_first
{
	background: inherit;
	background-color:#7392B0;
}
.maintab_active_back
{
	background: inherit;
	background-color:#7392B0;
}
.maintab_active_last
{
	background: inherit;
	background-color:#7392B0;
}

#toppages{display:none}
.newtxt:after{content:"[new]"}
.newtxt{color:#000099;font-weight:bold;font-size:larger}
.newimg{display:none}

Chances are it is working and the changes are simply very minimal (glancing over it, seems like mostly minor font size, color and spacing changes to certain elements).

[TryNinja]

If you don’t mind using Firefox on your mobile device, there is this extension that makes BTTK look like the image you posted above.

https://bitcointalk.org/index.php?topic=4500633.0

[omer-jamal]

thanks, this code not for like what is seeing in image above ?

Great! Can be converted to userscript! I mean using "Tampermonkey" extension or any ~similar..
How to be sure this extension Exactly used same Open Source code and nothing else?

[TryNinja]

Great! Can be converted to userscript! I mean using "Tampermonkey" extension or any ~similar..

I believe you can do this.

How to be sure this extension Exactly used same Open Source code and nothing else?

You can actually see the extension source code published on the Firefox store by using this website. See if everything is right, then download it: https://robwu.nl/crxviewer/

[omer-jamal]

I believe you can do this.

not really   I barely know userscript ...I do not think so I'll try to learn how this can be done
so this all extension files and resources? great I learned something new here thank you all
this means we can customize what we want

[TryNinja]

~

I could do it for you. Just wait a little bit.

[YOSHIE]

I noticed there mobile.css but when I use forum using phone I do not see any change
CSS @media Rule need update ?

Hello, @ omer-jamal can be updated @media Rule your.
Can you try this one, hopefully it can help you.

Code:

<link rel="stylesheet"media="screen and (min-width: 900px)" href="widescreen.css">
<link rel="stylesheet"media="screen and (max-width: 600px)" href="smallscreen.css">
....

Maybe you can see here how to use it:
Link: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Or you can also try this one.
Link: What is a Media Query?



I hope this can help you in applying the mobile.css method in your mobile Rule media.