Forum on mobile phones

[bearback]

Hi

just updated from v3.4 to v4.28 and most issues can be sorted but one main issue I and my users are having is using the forum on mobile phone or small devices.

This just does not work and looks a mess to be quite honest, the old mobile theme was compact and basic but easy to use and navigate through the forum.

The new responsive theme just does not work there is just to much scrolling trying to browse though the forum, for example when you have lots of sub forums as with my forum there's just an endless list of forums. you wear your finger out scrolling through them. its not good to say the least!!!

V4 seams to use a lot more resources but a great improvement from when  I tested it when it first came out, but you still have to do a lot of work to get it running right.

Has topic title edit been removed from moderator options?

 

[Joel R]

The responsiveness of the default theme is, hands down, a vast improvement over the mobile theme in v3.  It provides a cohesive and consistent experience across all devices and screen sizes.  If you have a forum that's designed only for desktop, you're pushing yourself out of relevancy in modern browsing.  

With that said, it sounds like your community could use some fine-tuning in the theme.  You should get a theme or a plugin that hides your subforums.  You should also use the upgrade to v4 as an opportunity to do some cleaning.  Do you really need all subforums? Are they all relevant and useful to the next phase of your community's growth? Can you archive them for preservation while streamlining your community? 

In any case, congratulations on the upgrade to v4! 

[Tiffany Dysart]

My trouble is that the forum isn't automatically converting to the mobile theme. Do I need to install a mobile theme?

[Joel R]

2 minutes ago, Tiffany Dysart said:

My trouble is that the forum isn't automatically converting to the mobile theme. Do I need to install a mobile theme?

On your desktop or laptop, grab the window and manually resize.  Do you see the theme become responsive and nicely resize? 

Do you have a custom theme?

[Meddysong]

4 hours ago, Tiffany Dysart said:

My trouble is that the forum isn't automatically converting to the mobile theme. Do I need to install a mobile theme?

Not on 4.x. Are you definitely using that series and not the older 3.x?

[opentype]

5 hours ago, Tiffany Dysart said:

My trouble is that the forum isn't automatically converting to the mobile theme. 

Because there is none. It’s responsive web design. 

[Nathan Explosion]

6 hours ago, Tiffany Dysart said:

My trouble is that the forum isn't automatically converting to the mobile theme. Do I need to install a mobile theme?

Found your site on your other post:

http://www.mishadaily.com/forum

It's working exactly as it should - there is no separate theme for mobile, and your site is responding to the screen size changes.

[evandixon]

4 hours ago, Nathan Explosion said:

Found your site on your other post:

http://www.mishadaily.com/forum

It's working exactly as it should - there is no separate theme for mobile, and your site is responding to the screen size changes.

Looks OK to me, except the header doesn't seem to be sized correctly:

Using Chrome 66 on Android 8.

[steve00]

2 hours ago, evandixon said:

Looks OK to me, except the header doesn't seem to be sized correctly:

Using Chrome 66 on Android 8.

Likely because whoever coded it added div tags with a fixed width so will not be responsive

[Tiffany Dysart]

On 5/7/2018 at 10:49 AM, steve00 said:

Likely because whoever coded it added div tags with a fixed width so will not be responsive

This is correct. I don't know how to photoshop so the entire banner (including the color) is done by code. How do I make this responsive?

[steve00]

recode it completely

need to remove all the width & heights in any html code

then in custom.css add:

header img {
  width: 100%;
  height: auto;
}

likely more to do than that as no idea why coded in that way (personally would revert the template and start that area from scratch)

why not use the logo tab (far right of theme name >> edit)

does not have to be photoshop can use any image creating software (even ms paint I assume (never tried it though)

ADDED: Have attached logo for you to use in the logo tab mentioned earlier (remember to revert the template (if added any other changes other than the logo area) to that template then will have to re-do them)

might have to click on the image a few times to get full size (1440x480) as size is shrunk by the forum settings

 

[Tiffany Dysart]

9 minutes ago, steve00 said:

recode it completely

need to remove all the width & heights in any html code

then in custom.css add:

header img {
  width: 100%;
  height: auto;
}

likely more to do than that as no idea why coded in that way (personally would revert the template and start that area from scratch)

why not use the logo tab (far right of theme name >> edit)

does not have to be photoshop can use any image creating software (even ms paint I assume (never tried it though)

ADDED: Have attached logo for you to use in the logo tab mentioned earlier (remember to revert the template (if added any other changes other than the logo area) to that template then will have to re-do them)

Sadly, I am unable to view the .jpg you posted. 

[steve00]

40 minutes ago, Tiffany Dysart said:

Sadly, I am unable to view the .jpg you posted. 

Why not ... it shows for me

[Tiffany Dysart]

28 minutes ago, steve00 said:

Why not ... it shows for me

Thank you! It does now. Would you be able to do it for the other themes? There aren't many. I appreciate it. ?

edit: I reverted all code and uploaded it. It doesn't come up.

[steve00]

21 minutes ago, Tiffany Dysart said:

Thank you! It does now. Would you be able to do it for the other themes? There aren't many. I appreciate it. ?

edit: I reverted all code and uploaded it. It doesn't come up.

Did you upload it in the Logo tab as mentioned and save it ?

What is this code doing there ?

<div style="width: 100%; background-color: #FFF; text-align: center">
<a href="http://mishadaily.com/forum”><img src=" https:="" gazettereview.com="" wp-content="" uploads="" 2017="" 01="" misha-collins.jpg"="" style="width: 170px"></a>
</div>

where is that as that has been added somewhere

[Tiffany Dysart]

6 minutes ago, steve00 said:

Did you upload it in the Logo tab as mentioned and save it ?

What is this code doing there ?

<div style="width: 100%; background-color: #FFF; text-align: center">
<a href="http://mishadaily.com/forum”><img src=" https:="" gazettereview.com="" wp-content="" uploads="" 2017="" 01="" misha-collins.jpg"="" style="width: 170px"></a>
</div>

where is that as that has been added somewhere

Wasnt easy to find but I was able to revert that as well. The logo is up, but it's not the right size. All banners (for all themes) are 1440px x 480px. ?

[steve00]

Just now, Tiffany Dysart said:

Wasnt easy to find but I was able to revert that as well. The logo is up, but it's not the right size. All banners (for all themes) are 1440px x 480px. ?

and did you do what I said .... keep clicking every image of the file I uploaded until shows full size ?

[Tiffany Dysart]

3 minutes ago, steve00 said:

and did you do what I said .... keep clicking every image of the file I uploaded until shows full size ?

Yes, and I just double checked under 'Get Info' (on the photo). It's the correct size. My apologies. I am unsure why it's not showing the full size on my forum.

[Tom S.]

It's not full size because of .ipsLayout_container

#ipsLayout_header header > .ipsLayout_container {
    max-width: unset;
    padding: 0;
}

 

[Jennifer M]

Hey @Tiffany Dysart sorry that you had some frustrations with the new mobile theme. I'm amused because I was just rewatching Supernatural and I'm about halfway through it right now (it was my weekend binge watch).

As for the issues you are having. I certainly understand not understanding themes and how they work with the new responsive themes. Members are always happy to help in our theme assistance forum. I think that you could do nicely with having a banner with your forum title and setting your Misha banners as the header background. This way it could better span your full width of your forum.

It would take a few steps to get this done however it may end up being better looking overall for your forum. If you're interested let me know and I'll reply with a step by step to successfully do this.

[Tiffany Dysart]

21 hours ago, Jennifer M said:

Hey @Tiffany Dysart sorry that you had some frustrations with the new mobile theme. I'm amused because I was just rewatching Supernatural and I'm about halfway through it right now (it was my weekend binge watch).

As for the issues you are having. I certainly understand not understanding themes and how they work with the new responsive themes. Members are always happy to help in our theme assistance forum. I think that you could do nicely with having a banner with your forum title and setting your Misha banners as the header background. This way it could better span your full width of your forum.

It would take a few steps to get this done however it may end up being better looking overall for your forum. If you're interested let me know and I'll reply with a step by step to successfully do this.

Please do so. I'd like for it to work on both mobile and all browsers. ?

Also MISHA ❤️

[steve00]

7 hours ago, Tiffany Dysart said:

Please do so. I'd like for it to work on both mobile and all browsers. ?

Also MISHA ❤️

Follow my instructions and it will but if made changes to templates or css (as pointed out by Tom S then that is likely the reason)