Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 25 Dec 2020, 16:04
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Displaying the forum on mobile devices

How do I fix large columns?
Attached Images
File Type: jpg Screenshot_20191207-155229.jpg (54.0 KB, 41 views)
File Type: jpg Screenshot_20191207-155315.jpg (49.5 KB, 37 views)

Last edited by kojay; 25 Dec 2020 at 16:14.
Reply With Quote
  #2  
Old 11 Jan 2021, 22:48
napy8gen's Avatar
napy8gen napy8gen is offline
 
Join Date: Jan 2006
Real name: hanafi
Check out my vb3 responsive style
Reply With Quote
  #3  
Old 12 Jan 2021, 07:49
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by napy8gen View Post
Check out my vb3 responsive style
I like my style better.
Reply With Quote
  #4  
Old 13 Jan 2021, 17:14
Mark.B Mark.B is offline
 
Join Date: Feb 2004
vBulletin 3 is not a responsive style, so there isn't anything you can realistically do make it 'fit' on mobile devices. You would need a new responsive style.

The vB3 style was written in 2003 when nobody was using mobile devices to look at websites.
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #5  
Old 13 Jan 2021, 17:50
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by Mark.B View Post
vBulletin 3 is not a responsive style, so there isn't anything you can realistically do make it 'fit' on mobile devices. You would need a new responsive style.

The vB3 style was written in 2003 when nobody was using mobile devices to look at websites.
And what is the difference between an adaptive style and a responsive one? Is it really impossible to add code to make it adaptive?
Reply With Quote
  #6  
Old 13 Jan 2021, 23:33
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by kojay View Post
And what is the difference between an adaptive style and a responsive one? Is it really impossible to add code to make it adaptive?
It would need substantially rewriting. It really isn't that simple.

It would need a completely new style.

If it was that easy, everyone would have done it by now.

There are several responsive styles available from third parties and htese can subsequently be customised in the normal way.
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #7  
Old 14 Jan 2021, 01:05
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by Mark.B View Post
It would need substantially rewriting. It really isn't that simple.

It would need a completely new style.

If it was that easy, everyone would have done it by now.

There are several responsive styles available from third parties and htese can subsequently be customised in the normal way.
I've dug deeper and can tell you where to look for the problem. This is related to the navbar. I would like to keep the standard style.

Last edited by kojay; 14 Jan 2021 at 02:52.
Reply With Quote
  #8  
Old 14 Jan 2021, 07:30
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by kojay View Post
I've dug deeper and can tell you where to look for the problem. This is related to the navbar. I would like to keep the standard style.
As above, the vBulletin 3 style is not a responsive style. It was written some years before viewing websites on mobile devices was even a 'thing'.

You will need to rewrite the style or at least substaintial parts of it parts of it using Responsive Media Queries

You also need to be, for the most part, removing the tables that make up much of the vB3 design and replace them with divs, as tables don't generally work well in responsive designs.

None of this is a trivial task and requires knowledge of CSS, html and vBulletin code.

The alternative is to obtain a third party responsive style and customise that to match the look and feel of your existing style, which would be the easier option in my view. The essence of many styles is the colours and fonts and those are quite easy to change.
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #9  
Old 14 Jan 2021, 13:31
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by Mark.B View Post
As above, the vBulletin 3 style is not a responsive style. It was written some years before viewing websites on mobile devices was even a 'thing'.

You will need to rewrite the style or at least substaintial parts of it parts of it using Responsive Media Queries

You also need to be, for the most part, removing the tables that make up much of the vB3 design and replace them with divs, as tables don't generally work well in responsive designs.

None of this is a trivial task and requires knowledge of CSS, html and vBulletin code.

The alternative is to obtain a third party responsive style and customise that to match the look and feel of your existing style, which would be the easier option in my view. The essence of many styles is the colours and fonts and those are quite easy to change.
I don't like the responsive style of a third party. Since it still needs to be Russified, which is a difficult task.
Reply With Quote
  #10  
Old 14 Jan 2021, 14:43
In Omnibus's Avatar
In Omnibus In Omnibus is offline
 
Join Date: Apr 2010
Real name: Kris
vBulletin 3 was originally coded 16 years ago when there weren't even such things as % or rem or em units used in styling. It was coded using transitional HTML 4.0 and CSS 2.0, both of which are years deprecated. Most of the "responsive" styles you will find are not responsive styles at all but rather hack attempts at making a fixed width style flex.

Mark's assessment is correct. You will need to write a style from the !DOCTYPE to the closing HTML tag if you want it to function like modern responsive themes. In order to make any existing theme function properly you would have to rewrite it to use HTML 5 and CSS 3 anyway.
Reply With Quote
  #11  
Old 14 Jan 2021, 17:21
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by In Omnibus View Post
Mark's assessment is correct. You will need to write a style from the !DOCTYPE to the closing HTML tag if you want it to function like modern responsive themes. In order to make any existing theme function properly you would have to rewrite it to use HTML 5 and CSS 3 anyway.
I don't know much about programming. I don't think I can do it. And what napy8gen offers is not the same, and costs $60. How many hours you need to spend to change the style.

Last edited by kojay; 14 Jan 2021 at 17:54.
Reply With Quote
  #12  
Old 14 Jan 2021, 22:15
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by kojay View Post
I don't know much about programming. I don't think I can do it. And what napy8gen offers is not the same, and costs $60. How many hours you need to spend to change the style.
Your only option realistically is to pay someone to write a custom responsive style for you.
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #13  
Old 14 Jan 2021, 22:33
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by Mark.B View Post
Your only option realistically is to pay someone to write a custom responsive style for you.
Would you be able to do that?
Reply With Quote
  #14  
Old 15 Jan 2021, 12:50
Hostboard's Avatar
Hostboard Hostboard is offline
 
Join Date: May 2002
Real name: Steven
Originally Posted by kojay View Post
Would you be able to do that?
Contact iA1
He fully converted my theme and it passes ALL the Friendly Mobile Tests.

https://search.google.com/test/mobile-friendly
__________________
-----------------------------------------------------------
Running custom version of vBulletin based on v4.2.5
PHP 7.4.x :: MariaDB 10.5.x :: UTF8MB4 & InnoDB Tables
Reply With Quote
  #15  
Old 15 Jan 2021, 19:49
kojay's Avatar
kojay kojay is offline
 
Join Date: Apr 2018
Originally Posted by Hostboard View Post
Contact iA1
He fully converted my theme and it passes ALL the Friendly Mobile Tests.

https://search.google.com/test/mobile-friendly
Thanks. По времени это много заняло. I made a mistake, I'm sorry.

Last edited by kojay; 15 Jan 2021 at 20:39.
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:02.

Layout Options | Width: Wide Color: