Support Forum
Support Forum
Offline
I just was on your forum and was able to navigate pretty easily, what browser are you using? you mention iphone, is it safari? if so, download mercury and make a post recommending all your users download it, safari is really poor on mobile, you will find a lot of issues with it, such as not being able to upload pictures with it,
I uploaded jardia to my staging server, here is the custom css that I had added
these to the global
.ui-dialog { z-index: 1; }
.widget-top{padding-bottom: 5px ; border-bottom: 4px solid #014f28;}
.logo img{ max-width: 100%;}
header#theme-header {z-index: 1;}
header#theme-header {
margin: 0px auto 0px;
}
#main-content {
margin: 0px auto 25px;
}
#spMainContainer .spPostContent iframe {
max-width:100%;
width: 640px;
height: 360px;
}
blockquote:before {content: ‘\275d’; color: #555; font-size: 15px; width: 15px; height: 15px; line-height: 15px; margin-left: -70px; margin-top: 10px; float:left; }
and this to to wide phone and phone css, this will fix the issue with the login pop up
#spMainContainer #spMarkRead:target,
#spMainContainer #spLoginForm:target,
#spMainContainer #spSearchForm:target {
top: 0px;
width: 99.5%;
height: auto;
margin: 0 3px 5px 0;
z-index: 9999;
position: absolute;
display: block;
}
if you want to make the site full width on mobile, follow alaa's directions that he gave me here, it works, but it kicks off a little to the right and the pics on the blog get stretched a little
http://support.tielabs.com/for.....ull-screen
if you have any specific questions, shoot me a pm and I'll help with what I can
Offline
Mr. Papa, I appreciate all the help, but If you visit my forum right now on an iPhone (if you can), you will see what I mean by the issue I am having. I'm happy to not have the forum be responsive (as it is now), but try tapping on the "What's In The Bag" forum and see how it jumps but doesn't go anywhere.
I really need this issue fixed.
It doesn't do it if you tap on Help & Support for example.
Do you know why this would be the case?
Offline
I just checked with my ipad and my daughters iphone and had no issues navigating, have you tried clearing browser cache? I even navigated with safari on both
Offline
kvr,
I just switched my theme back to unified. All works well on unified except for the login. When home I will try to change the code as you state above to so if it solves the problem.
I really appreciate all the help!
Offline
if you add that code to your phone css, it should fix it, Mr Papa helped me with that one
Offline
Great stuff kvr! Added the code you suggested to my styling section and all works great now!
Offline
kvr28, thanks for the assist... definitely appreciated during the holiday season!
Visit Cruise Talk Central and Mr Papa's World
Offline
you're welcome
Frank, you are also going to have an issue with the new posts popup, the zindex for the header and menu with jarida will push the pop up underneath them, this first one should fix that
.ui-dialog { z-index: 1; }
but I had this in the custom css as well, can't quite remember what that was for
header#theme-header {z-index: 1;}
this one is just something I wanted to tweak with the way the widgets displayed
.widget-top{padding-bottom: 5px ; border-bottom: 4px solid #014f28;}
this IIRC is to fix any issues with the logo being too big on mobile
.logo img{ max-width: 100%;}
this IIRC is to align the logo on the left
header#theme-header {
margin: 0px auto 0px;
}
this was just a padding tweak
#main-content {
margin: 0px auto 25px;
}
this will specify your video size, so it doesn't go outside the frame on mobile and so it doesn't take up the whole forum on pc
#spMainContainer .spPostContent iframe {
max-width:100%;
width: 640px;
height: 360px;
}
IIRC, videos on mobile show up square with a large black area on the top and bottom, so I added something like this to the phone custom css, it should make the videos look right in 16x9
#spMainContainer .spPostContent iframe {
max-width:100%!important;
max-height: 57%!important;
}
this I added because I didn't like the way the quotes looked on blog posts, the quote marks are huge
blockquote:before {content: ‘\275d’; color: #555; font-size: 15px; width: 15px; height: 15px; line-height: 15px; margin-left: -70px; margin-top: 10px; float:left; }
good luck!
All RSS1 Guest(s)