Make mobile version default & edit it

Need some custom code changes to the phpBB core simple enough that you feel doesn't require an extension? Then post your request here so that community members can provide some assistance.

NOTE: NO OFFICIAL SUPPORT IS PROVIDED IN THIS SUB-FORUM
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

NOTE: NO OFFICIAL SUPPORT IS PROVIDED IN THIS SUB-FORUM
Post Reply
Mooikasteel.Com
Registered User
Posts: 5
Joined: Thu Aug 05, 2021 4:47 pm

Make mobile version default & edit it

Post by Mooikasteel.Com »

Hello!

My forum appears different on computer & mobile. I want to have just the mobile version showing up even on desktop. And which files do I edit then to make changes to it?

It's the prosilver default theme.
User avatar
Brf
Support Team Member
Support Team Member
Posts: 53411
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Make mobile version default & edit it

Post by Brf »

No need to edit anything. Just squeeze your browser's width.
Mooikasteel.Com
Registered User
Posts: 5
Joined: Thu Aug 05, 2021 4:47 pm

Re: Make mobile version default & edit it

Post by Mooikasteel.Com »

No it doesn't look the same AT ALL as it does on an android phone. Different layout, less details on the phone version. No join date and post count and all such unnecessary nonsense on the phone version.

Also, no wrap, no rounded corners, none of that on the phone version.

I want the phone version but on desktop so it's all the same.

Also, editing all the theme and template files on desktop changes only the desktop version, NOT the phone version. I want to edit the phone version.
User avatar
Brf
Support Team Member
Support Team Member
Posts: 53411
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Make mobile version default & edit it

Post by Brf »

Squeeze your browser
Attachments
phpbb_mobile.png
User avatar
thecoalman
Community Team Member
Community Team Member
Posts: 5885
Joined: Wed Dec 22, 2004 3:52 am
Location: Pennsylvania, U.S.A.
Contact:

Re: Make mobile version default & edit it

Post by thecoalman »

This is untested and may not work as expected but open /styles/prosilver/theme/responsive.css and around line 121 find:

Code: Select all

@media (max-width: 700px) {
Replace with:

Code: Select all

@media (max-width: 4000px) {
You'll probably also want to remove the media query rules below that, delete:

Code: Select all

@media (min-width: 700px) {
	.postbody { width: 70%; }
}

@media (min-width: 850px) {
	.postbody { width: 76%; }
}

@media (max-width: 850px) {
	.postprofile { width: 28%; }


}

@media (min-width: 701px) and (max-width: 950px) {

	ul.topiclist dt {
    	margin-right: -410px;
	}

	ul.topiclist dt .list-inner {
    	margin-right: 410px;
	}

	dd.posts, dd.topics, dd.views {
    	width: 80px;
	}
}
After editing and uploading refresh the page to clear the browser cache.
“Results! Why, man, I have gotten a lot of results! I have found several thousand things that won’t work.”

Attributed - Thomas Edison
Mooikasteel.Com
Registered User
Posts: 5
Joined: Thu Aug 05, 2021 4:47 pm

Re: Make mobile version default & edit it

Post by Mooikasteel.Com »

Thank you yes, this looks like the information I'm looking for. Will test out.
Mooikasteel.Com
Registered User
Posts: 5
Joined: Thu Aug 05, 2021 4:47 pm

Re: Make mobile version default & edit it

Post by Mooikasteel.Com »

Ok wow thank you thecoalman! Seems to have worked perfectly. Not sure why the desktop layout states people's join date and whatever useless info because if people really wanted to know, they can open the profile.

Anyway, now it seems perfect so cheers m8!
User avatar
warmweer
Jr. Extension Validator
Posts: 11268
Joined: Fri Jul 04, 2003 6:34 am
Location: Van Allen Bel ... gium
Contact:

Re: Make mobile version default & edit it

Post by warmweer »

Mooikasteel.Com wrote: Tue Aug 17, 2021 7:19 pm Not sure why the desktop layout states people's join date and whatever useless info because if people really wanted to know, they can open the profile.
That's a somewhat strange reasoning.

Desktop view offers more space than mobile view so it's quite natural to include more information.
If you feel the desktop version is too bloated, then just remove some elements from the html
Spelling is freeware, which means you can use it for free.
On the other hand, it is not open source, which means you cannot change it or publish it in a modified form.


Time flies like an arrow, but fruit flies like a banana.
Post Reply

Return to “phpBB Custom Coding”