HomeMobile Version Not Working
4 posters
Page 1 of 1
Mobile Version Not Working
by middo2 October 7th 2013, 12:39 pm
I can only see 1/3 of  the forum page, and the 'Classic Version' button doesn't appear. There is also no Log in button. I tried this on my iPod Touch. This only started happening 2 days ago.
To see what I mean, my Forum address is: http://newhorizons.englishboard.net/forum
I do believe this is a coding error.
This is my personalized CSS:
To see what I mean, my Forum address is: http://newhorizons.englishboard.net/forum
I do believe this is a coding error.
This is my personalized CSS:
- Code:
body {
background-image:url('http://i56.servimg.com/u/f56/16/61/49/89/wallpa10.jpg');
background-repeat:repeat;
background-attachment:fixed;
background-color:#FFFFFF;
background-position: center;
min-height: 101%;
}
#wrap {
padding: 25px;
margin-top: -35px;
margin-bottom: -60px;
background-repeat: no-repeat;
background-position: bottom center;
width: 911px;
min-width: 800px;
}
/* Header-------------------------------------------------*/
.headerbar {
height: 250px;
background-position: top center;
background-repeat: no-repeat;
margin-top: 20px;
}
#page-body {
margin-left: 20px;
width: 871px;
}
div.navbar  {
margin-left: 20px;
width: 851px;
}
#fa_toolbar, #fa_toolbar_hidden {background: url('http://i56.servimg.com/u/f56/16/61/49/89/toolba19.png');}
.LGlike {
 background: #105289;
 padding: 3px;
 border-radius: 4px;
 color: #fff;
 font-size: 10px;
 font-weight: bold;
 text-shadow: -1px 0.5px #888;
 box-shadow: 1px 1px 1px #888;
 cursor: pointer;
 margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
 filter:Alpha(opacity=50);
 opacity: 0.5;
 cursor: default;
 box-shadow: none;
 text-shadow: none;
}
a.mainmenu[href="/groups"] {
display: none;
}
a.mainmenu[href="/search"] {
display: none;
}
#wrap{
border-right:5px solid #7799BF;
border-left:5px solid #7799BF;
background-color:#fff;
}
a.mainmenu:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
a.fa_fancybox img{
 cursor: pointer;
 cursor: -webkit-zoom-in;
 cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
 vertical-align: top;
 padding: 0;
 margin: 0;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 920;
}
.fancybox-skin {
 position: relative;
 padding: 0;
 margin: 0;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
     border-radius: 4px;
}
.fancybox-opened {
 z-index: 930;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 padding: 0;
 margin: 0;
 position: relative;
 outline: none;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 margin: 0;
 padding: 10px;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
 border: 0;
 padding: 0;
 margin: 0;
 vertical-align: top;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 920;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 940;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 z-index: 940;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 940;
 visibility: hidden;
}
.fancybox-prev span {
 left: 20px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 20px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -9999px;
 left: -9999px;
 padding: 0;
 overflow: visible;
 visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 910;
 background: #000;
}
#fancybox-overlay.overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
/* Title helper */
.fancybox-title {
 visibility: hidden;
 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 position: relative;
 text-shadow: none;
 z-index: 950;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 930;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
     border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 margin-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}
middo2- Forumember
- Posts : 503
Reputation : 5
Language : English -
Re: Mobile Version Not Working
by bob77707 October 7th 2013, 7:44 pm
Did you add any custom javascript recently? I had some code that broke the navbar in the mobile version that let's you login/choose "classic version".
bob77707- Forumember
- Posts : 48
Reputation : 4
Language : English
Re: Mobile Version Not Working
by middo2 October 7th 2013, 10:39 pm
Yes I have. How will I know which one is responsible? I added several recently.bob77707 wrote:Did you add any custom javascript recently? I had some code that broke the navbar in the mobile version that let's you login/choose "classic version".
middo2- Forumember
- Posts : 503
Reputation : 5
Language : English -
Re: Mobile Version Not Working
by SLGray October 7th 2013, 10:50 pm
Remove all the codes, then add them one by one.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
-
Posts : 51481
Reputation : 3519
Language : English
Location : United States -
Re: Mobile Version Not Working
by middo2 October 7th 2013, 10:56 pm
Ok I deactivated the Java and it made no difference so I reactivated it.SLGray wrote:Remove all the codes, then add them one by one.
middo2- Forumember
- Posts : 503
Reputation : 5
Language : English -
Re: Mobile Version Not Working
by Derri October 7th 2013, 11:12 pm
Have you tried deactivating Javascript on your phone? I heard that often solves any problems, even with your mobile browser.
Derri- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: Mobile Version Not Working
by middo2 October 7th 2013, 11:26 pm
No idea how to do that. But I mean, I could view this help forum nicely on mobile...Don't think its the phone.Derri wrote:Have you tried deactivating Javascript on your phone? I heard that often solves any problems, even with your mobile browser.
EDIT: I'm fine with disabling the mobile version completely. Any java script to do so?
middo2- Forumember
- Posts : 503
Reputation : 5
Language : English -
middo2- Forumember
- Posts : 503
Reputation : 5
Language : English -
Similar topics» Display a mini-version of user avatars in posts in the mobile version?
» Mobile Registration page / New Mobile Theme Version
» New mobile version jumps to desktop version
» How to get personal widgets available for mobile version and mobile version link.
» How To Force Your Desktop Version Theme "Colors And Banner" To Be Used In The Mobile Version?
» Mobile Registration page / New Mobile Theme Version
» New mobile version jumps to desktop version
» How to get personal widgets available for mobile version and mobile version link.
» How To Force Your Desktop Version Theme "Colors And Banner" To Be Used In The Mobile Version?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
