HeadShot Extreme :: View topic - Problems viewing Theme on mobile phone

Select messages from

through

[^/[Print]\]

HeadShot Extreme -> General Talk

#1: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Mon Sep 19, 2016 8:23 am
—
I installed the Agent Green on our site (also tried Agent Blue) and I noticed when I pulled up the site on my phone the header and footer are shifted to the left.

I pulled up HeadShotDomain and your site looks great.

Did you have to do anything to fix this if so will you please share ? lol

Here is a screen shot from my phone below

[lytebox width=160 height=120:1d83af8a78]http://www.oadgamingps.net/modules/Image_Repository/files/10002/JgxzX7AWKv.png[/lytebox:1d83af8a78]

#2: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Mon Sep 19, 2016 9:30 am
—
When you looked at our site, Did you switch to our Agent_Green theme? I have never tested ours on mobile.

#3: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Mon Sep 19, 2016 8:01 pm
—
I have the Agent Green Theme set as default and the only theme installed.

I never thought to test it on my wife’s phone so I pulled it up on hers and it looks fine.

I think Extreme works pretty well with mobile phones though because you can zoom in to do things you need to. I have even performed Admin stuff in the forums creating Categories and Forums when I couldn't be at my desktop.

But back to my problem...lol I went back to my phone and the main page does that shifting at the top and bottom but the forums and everything else is fine so it may just be something with my phone.

Thanks for the reply and trying to help me figure it out. I just thought I would ask since you use the same theme.

#4: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Tue Sep 20, 2016 4:21 am
—
Well, I have Agent_Green on my site. You will see in my block on the right, for changing the theme, if that theme looks right on my site on your phone and not your site, I like to take a look at it and maybe work with you on TS3 or something to see if we can fix this so it looks good across all devices.

#5: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Tue Sep 20, 2016 6:51 am
—
Sure that sounds good and much appreciated.

I'm available Sun if that works but if not that’s cool.

#6: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Tue Sep 20, 2016 11:49 am
—

— SSmokinJoe wrote
Sure that sounds good and much appreciated.

I'm available Sun if that works but if not that’s cool.

As of now, sunday is good.

#7: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Tue Sep 20, 2016 8:39 pm
—
ok cool

#8: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Thu Sep 22, 2016 8:38 am
—

— coRpSE wrote
When you looked at our site, Did you switch to our Agent_Green theme? I have never tested ours on mobile.

Sorry I missed where it said OUR site.

I did switch to the Agent Green on your site from my phone and it does the same thing on shifting the top and bottom to the left.

It must be something with the theme.

Sorry for the over site

#9: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Thu Sep 22, 2016 5:26 pm
—
Check my theme now on this site, (headshotdomain.net).

I believe I fixed it, but let me know. I tested it on my tablet and all seems to be fine.

#10: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Thu Sep 22, 2016 9:04 pm
—
yup nice job. It looks good on my phone now using Agent Green on your site.

Go HeadShot

#11: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Fri Sep 23, 2016 9:41 am
—
okay, what I am going to need from you is 3 files.

In your public_html/themes/Agent_Green/ folder, pack me up your footer.php, header.php, and theme.php into a .zip/.rar/.7z and attach it to a post here. Just a heads up, make sure you click on reply and not try using the "Upload and Image". A lot of people seem to make that mistake. The attach file system is at the bottom.

The reason I ask for your file is because the Agent_Green I have and the one on Xtreme Evo's site are very different in those files, so I am not sure if its due to something I did or not.

#12: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Fri Sep 23, 2016 7:55 pm
—
Ok here are the files you asked for all zipped up in a folder.

#13: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Sep 24, 2016 5:59 am
—
Okay, attached are your changed files. I updated your header to now use the advanced theme options which your theme was designed to do, but, was never completely installed on your theme. I also added in a 5th option for you for the top header that is preset with the "Image Host" that you had. This is why i am giving you 4 files and not just 3 files.

What you will need to do is as follows.

Upload the contents of the file that I give you to the theme overwriting the files you gave me.
Go into your ACP->Theme Management and go to "Agent Green" and "UnInstall" it by clicking on the red X, then Uninstall Theme, then return to theme management.
Once Uninstalled, click the "Install" for Agent_Green and Install it. There you will see the new 5th option which is pre-set with the image repository and it being called "Image Host".

Now, I left it so your logo is in the center, but if you like to drift that to the left or right, its just a matter of editing 2 lines of code. In the file header.php inside that theme folder, on line 19 and 21 you will see the code

Code: [ Select all ]

width=\"50%\">

Now, both of those have to add up to 100%. So if you want the image just say on the left like I have mine, then you want to set line 19 to:

Code: [ Select all ]

width=\"2%\"

and line 21 to:

Code: [ Select all ]

width=\"98%\"

and you would reverse that if you want the image on the right side.

If you want to adjust the width of that center image you you can have it wider, then on line 20 it looks like this:

PHP: [ Select all ]

  . "    <td background=\"themes/Agent_Green/images/header/header_09.gif\" width=\"300px\"><img src=\"themes/Agent_Green/images/logo_11.gif\" width=\"268px\" height=\"75px\"></td>"

from there you would need to edit the 2 widths in that line. Just say you made a logo_11.gif to 350px wide, you would replace the 268px with the 350px. After that, you will want to adjust the 300px that is there to something like 375px. and of course, if you want transparency to the logo, your best off saving that as a .png and replace the logo_ll.gif with your new logo, EX: logo_11.png.

I hope this helps.

#14: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Sat Sep 24, 2016 7:01 am
—
Ok awesome !!

Yeah I was going to look into changing the logo size and position.

Thank you very much !!

#15: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Sat Sep 24, 2016 7:23 am
—
Hummm for some reason when I click on download this is what pops up

[lytebox width=160 height=120:2aa188f2de]http://www.oadgamingps.net/modules/Image_Repository/files/10002/X3zQDznBos.png[/lytebox:2aa188f2de]

#16: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Sep 24, 2016 10:05 am
—
Try this. I saved it as a zip. Looks like your browser is set to open .rar instead of saving them.

#17: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Sat Sep 24, 2016 2:43 pm
—
Ahhh ok. I'll have to check that.

Yup the .zip file downloaded ok.

Thanks !!

#18: Re: Problems viewing Theme on mobile phone Author: SSmokinJoe,

Posted: Sat Sep 24, 2016 3:51 pm
—
Got the files uploaded and changed my logo some with your instructions and all looks great from my phone now.

I really appreciate it !!

#19: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Sep 24, 2016 5:40 pm
—
Glad to hear.

#20: Re: Problems viewing Theme on mobile phone Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Sep 24, 2016 11:49 pm
—
To sum up this post for anyone that has this question in the future, I edited the header.php and the footer.php files of your theme, and set using a style a min-width and set it to 1280. The reason for this is if you are using side blocks, they are generally around 150px - 200px wide. Add those and you will get about 400px right there. that's not including any padding which is usually between 5 - 25 px. Then you got the center blocks, which can be any size pretty much depending on what you put in them. For the most part, I thought of them being about 800px and some simple math shows the 400 + 800 + padding comes out to be about 1280 res.For the blocks section, AKA the main body, the min-width was put in the theme.php file in the table just after the body. Looking at the code and understanding what your looking at, you should be able to find the area I am talking about. I also did the inline style on that. Essentially setting up that the min width for the header, blocks, and the footer and be no narrower than 1280 px.

Now, for fixed width themes, this really shouldn't be an issue, but full width themes, that's where this will come into play.

I hope this helps for anyone that has this issue.

HeadShot Extreme -> General Talk

output generated using printer-friendly topic mod. All times are GMT - 7 Hours

Page 1 of 1