Mobile users

Mick. · August 11, 2018, 08:37:16 AM

Quote from: Sir Osis of Liver on August 11, 2018, 12:43:59 AM
Still not working on iphone. I have this in index.template.php -

Code Select Expand
<meta name="viewport" content="width=device-width, initial-scale=1" />'; <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';

Nah, don't use this one

Code Select

<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />

That's for the default theme only

Instead use,

Code Select

<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive.css?fin20" />
and put it inside the <head> and the viewport meta well, add it with the other meta tags in index.template, Make sure the responsive.css is in the the css folder of such custom theme. Also checkout this tool for responsive websites http://ami.responsivedesign.is/# tho i dont think it works with https sites. Or if you use chrome like i do, install the resolution test extension to your browser.

Another thing... i viewed the css file of that Stargate site. The wrapper is..

Code Select

#wrapper {
	width: 1050px;
	font-size: 100%;
	margin: 0 auto;
}

Change it to..

Code Select

#wrapper {
        width: 100%;
	max-width: 1050px;
	font-size: 100%;
	margin: 0 auto;
}

so it adapts to responsiveness. (not on her site but on your test site). My old themes use a width of 990px; very small before responsive was available. Now i use 1100px; and higher..... and my main site i have it at 1400px;

Sir Osis of Liver · August 11, 2018, 05:51:56 PM

Found the problem with Curve Multi Color. Responsive css must be in the color variant .css file (index_green.css), doesn't work just having responsive.css in theme /css.

melanie1986 · August 15, 2018, 08:38:22 PM

thank you again to everyone for your thoughtful answers. Firstly, I guess you could say that effectively only two of my themes are used to any great extent, being the forum default dark theme and the light theme of the same. I was wondering, as we have a theme changer, is it possible to set up one just for Mobile users?

The reason this has become more of an issue now for me and I suppose many other forum owners is as Gwenwyfar said more and more people are using mobile devices online. This also includes things like Ipad and similar. I'm on another site as a member, specifically Stargate Command, and though I have attracted a lot of interest from that site, the answer for not joining is always the same, mine isn't mobile adaptive. $:-\$ and I wouldn't have a clue as to how to change things either.

drewactual · August 15, 2018, 08:45:54 PM

out of curiosity, why don't you guys use @media css declarations? doing so allowed me to minify a massive css file and http2 allows me to push it (even to mobile), while cache and mod_expires allows it to stick for a specified time (not advisable until you're happy with it)...

this allows ONE css... I know it isn't perfect, but.... it works just fine and my users are happy with it... it allows offering not only a mobile phone resolution but also a tablet and even a phablet... best of all you don't have to mess with hard coding at all or scripts to sense browser/device and adjust accordingly.

you can see it on the site listed in my signature, and again i know it isn't perfect, but.... it works well enough that my users on that site are very happy with it.

Kindred · August 15, 2018, 09:05:01 PM

You're late to the game drew. We've already been suggesting she use a responsive theme

drewactual · August 15, 2018, 09:07:15 PM

Quote from: Kindred on August 15, 2018, 09:05:01 PM
You're late to the game drew. We've already been suggesting she use a responsive theme

hehehehehheeeehehehehee!!! i guess that's what i get for reading the last page only, huh? heheheheheheeee!!

Gwenwyfar · August 15, 2018, 10:16:21 PM

Quote from: melanie1986 on August 15, 2018, 08:38:22 PM
thank you again to everyone for your thoughtful answers. Firstly, I guess you could say that effectively only two of my themes are used to any great extent, being the forum default dark theme and the light theme of the same. I was wondering, as we have a theme changer, is it possible to set up one just for Mobile users?

The reason this has become more of an issue now for me and I suppose many other forum owners is as Gwenwyfar said more and more people are using mobile devices online. This also includes things like Ipad and similar. I'm on another site as a member, specifically Stargate Command, and though I have attracted a lot of interest from that site, the answer for not joining is always the same, mine isn't mobile adaptive. $:-\$ and I wouldn't have a clue as to how to change things either.

Yes, it is possible. What the options are would depend on your themes but either you could trigger another theme through js when a mobile user is detected, or, in case your theme's templates isn't so heavily modified, you could toggle a different css for both (not just the mobile css, but an entire theme altogether).

Going by what was said of your theme though, maybe triggering a different theme with js is going to be more doable. It shouldn't be difficult to do it.

Mick. · August 15, 2018, 11:08:26 PM

@melanie Is this the site in Question? http://lostworldssff.com/index.php It doesnt look heavily modified. If so, why keep beating around the bush over a theme that is not responsive? Download a responsive theme and have your guy add the fancy logos and change the hex colors accordingly. It would be much easier to do. The only thing i see you might have difficulty is those banners in your board categories but since those are images, they'd be adjusted to device size.

njtweb · August 16, 2018, 07:04:03 AM

Quote from: Kindred on August 10, 2018, 10:05:49 PM
Please don't make such untrue statements.

Responsive curve works just fine on curve. That's the only theme it's supposed to work on.

Yep, works great on mine. Just change colors and stuff to curve. That's what I did to make it more in line with the interest of the site.

melanie1986 · August 21, 2018, 07:20:18 PM

Quote from: Mick. on August 15, 2018, 11:08:26 PM
@melanie Is this the site in Question? http://lostworldssff.com/index.php It doesnt look heavily modified. If so, why keep beating around the bush over a theme that is not responsive? Download a responsive theme and have your guy add the fancy logos and change the hex colors accordingly. It would be much easier to do. The only thing i see you might have difficulty is those banners in your board categories but since those are images, they'd be adjusted to device size.

Thanks Mick,

That is the one. We do have alternate themes and we have posted a question for members to respond to; basically what current theme they prefer. From that information we can do something that hopefully pleases everyone. Doing the graphics isn't that hard, I have done most of that myself at least.

Mick. · August 21, 2018, 07:42:13 PM

Quote from: melanie1986 on August 21, 2018, 07:20:18 PM
Quote from: Mick. on August 15, 2018, 11:08:26 PM
@melanie Is this the site in Question? http://lostworldssff.com/index.php It doesnt look heavily modified. If so, why keep beating around the bush over a theme that is not responsive? Download a responsive theme and have your guy add the fancy logos and change the hex colors accordingly. It would be much easier to do. The only thing i see you might have difficulty is those banners in your board categories but since those are images, they'd be adjusted to device size.

Thanks Mick,

That is the one. We do have alternate themes and we have posted a question for members to respond to; basically what current theme they prefer. From that information we can do something that hopefully pleases everyone. Doing the graphics isn't that hard, I have done most of that myself at least.

It looks pretty good if you ask me. But i wouldn't involve users on what theme they prefer. Can't please everyone.

melanie1986 · October 15, 2018, 07:00:57 PM

Quote from: Mick. on August 21, 2018, 07:42:13 PM
It looks pretty good if you ask me. But i wouldn't involve users on what theme they prefer. Can't please everyone.

Sorry for the long delay in answering Mick, I've hit a wall a couple of times with wonko health issues. Hopefully getting back to 100% soon.

Presently I have had to put this project on the back burner as being a little difficult for me. With the help of Sir Osis we've created a test site and installed the mobil desktop theme; I'm having trouble though getting everything to fit properly.

Sir Osis of Liver · October 15, 2018, 09:22:46 PM

Only thing that looks out of place is your header image. Try using width: 100%; height: auto;.
Portal blocks are stacked vertically, that's how it's supposed to work.

palmdoc · October 21, 2018, 03:31:38 AM

After experimenting with several free responsive themes, I settled on the Sunrise theme which works great with mobiles and has an option to switch from light to dark mode.
Tapatalk does work with 2.015 and I have installed it as well

News:

Mobile users