How to make the mobile version look good in the header

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
50LL3KR4M
Registered User
Posts: 38
Joined: Fri Apr 13, 2018 4:34 pm

How to make the mobile version look good in the header

Post by 50LL3KR4M » Fri Apr 20, 2018 3:00 pm

How to make the mobile version look the same as the desktop version in the header;
My site is https://opaaa.ddns.net/forum
example of a desktop and a mobile site that looks the same in the header area http://iansvivarium.com/forum/

I want to have my logo as in the desktop version and also have space as in the desktop version.
could i also delete this line of code

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1" />
from the overall header(this will make the forum looks completly the same with the Desktop version)?

User avatar
Mick
Support Team Member
Support Team Member
Posts: 19116
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: How to make the mobile version look good in the header

Post by Mick » Fri Apr 20, 2018 3:07 pm

50LL3KR4M wrote:
Fri Apr 20, 2018 3:00 pm
How to make the mobile version look the same as the desktop version in the header
As in remove responsive?
"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.
Forza Garibaldi

50LL3KR4M
Registered User
Posts: 38
Joined: Fri Apr 13, 2018 4:34 pm

Re: How to make the mobile version look good in the header

Post by 50LL3KR4M » Fri Apr 20, 2018 3:10 pm

yea, to look the same in the header in the mobile and desktop(logo, nav bar space from header etc), by removing this code in the overall header I achieve that, but if I eventually want to keep the responsive, what should I change in the code to make it look nice with logo and space from nav bar etc for phone as well.

cause right now the only thing that I have(in the mobile version) is the title of the forum and also the nav bar is hiding it....

User avatar
Lumpy Burgertushie
Registered User
Posts: 64266
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: How to make the mobile version look good in the header

Post by Lumpy Burgertushie » Fri Apr 20, 2018 5:30 pm

first, you can't have it both ways using only one style.

second, what style are you using? if using prosilver or any style in the styles db here then it should work properly in all sizes.

if your navbar is overlapping something then that means there is something wrong with your style.

also, the logo and or banner may be removed so that everything else can display properly in smaller screens. that is normal.

and finally, if you manage to do what you are asking it will look like crap in smaller devices. you will have to scroll sideways to see everything on the page. that is kind of the whole point of responsive styling so that things change, reposition, get removed etc. to be able to use the site on smaller devices.


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

50LL3KR4M
Registered User
Posts: 38
Joined: Fri Apr 13, 2018 4:34 pm

Re: How to make the mobile version look good in the header

Post by 50LL3KR4M » Sat Apr 21, 2018 6:48 am

I delete it the responsive thing, it does look good(well my phone is 1920 x 1080 maybe that's the reason) .
true it seems that only 2 % of people have full hd mobiles... I don't know what to do now.
it looks like that now in the phone https://opaaa.ddns.net/forum

User avatar
Lumpy Burgertushie
Registered User
Posts: 64266
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: How to make the mobile version look good in the header

Post by Lumpy Burgertushie » Sat Apr 21, 2018 6:58 am

your logo/banner is only partially showing in phone size
the cookie popup also covers the bottom of the screen until you click the button.


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

50LL3KR4M
Registered User
Posts: 38
Joined: Fri Apr 13, 2018 4:34 pm

Re: How to make the mobile version look good in the header

Post by 50LL3KR4M » Sat Apr 21, 2018 8:10 am

In what resolution phone?

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: Lady_G and 2 guests