Display problems

  • Anonymous

    #1781

    What should & shouldn’t be installed? When I view http://www.MobileAdvertisingAPPs.com

    either it displays in non mobile format but shows Graphene Mobile Footer. The very top of my website when viewed from iphone shows my menu at the top but the pc website shows my menu below the header or banner picture. Viewing it on my iphone4 it shows a different picture from what my pc shows. I have MOBILE SMART, WPTOUCH & WPTAP, & MOBILE POSTY MOBILE SITE GENERATOR, WAPPLE ARCHITECT, WORDPRESS MOBILE ADDITION, GRAPHENE, GRAPHENE MOBILE. What should I have active & what inactive? I have Mobile Smart & Graphene Mobile & WPtap mobile detector active with Graphene mobile selected for the iphone to display. My top 2 headlines wrap and look terrible on the iphone like there is not enough line height. My 1st headline says Very Interesting & Eye-Opening Video from Google. It wraps after the “&” and looks bad. The 2nd headline Mobile Technology 2011 wraps the 2011 under Mobile Technology & it is jammed up against the words Mobile Technology. The paragraphs could look better also in my opinion. Next I have several more headlines that look ok. Then I have Open your

    Mobile Advertising APPs & Mobile Optimized Website

    Mobile Advertising

    APPs

    APPs is jammed up against Mobile Advertising on my iphone

    &

    Mobile Optimized

    Website

    Website is jammed up against Mobile Optimized

    Also I do not see a Selector for Mobile Theme on or off on the iphone.

    Your Mobile Demo site appears perfectly on my ipone4

    I viewed it with iphone app called Script Browser & ur Viewport setting appears different from what I see in Mobile Graphene Header.php.

    Thanks in Advance

    Admin

    Syahir Hakim

    #17170

    Hi John,

    To use the mobile theme, you should only need the Mobile Smart plugin. All the others are not necessary. In fact, they may even be conflicting with each other. That being said, you aren’t necessarily limited by the Mobile Smart plugin only. If you like the additional features provided by WPTap Mobile Detector for example, you can use that plugin as well, but you must only use one mobile detector plugin at a time. Otherwise they may conflict with each other.

    Anonymous

    #17171

    Syahir

    Syahir Ur time & efforts are greatly appreciated.

    I need help with these Display topics on my http://www.MobileAdvertisingAPPs.com

    I am now running: Mobile Smart, WPtap & Graphene Mobile.

    In WP tap I have selected Graphene Mobile to be used for iPhone & Droid.

    1. Should I have both Graphene & Graphene Mobile Installed & active at same time?

    2. PC website when viewed on a PC shows my header or banner picture at top then menu below & that is how I want it.

    However when viewed from my iPhone the very top of my website shows my menu at the top but the banner below that.

    I want my mobile to look like my PC site: like ur demo site.

    Banner at top – Menu below

    How do I fix this?

    3. Viewing my site on my iphone4 shows a different picture for my header banner picture from what my pc shows.

    How do I fix this?

    4. My top 2 headlines wrap and look terrible on the iphone like there is not enough line height. My 1st headline says Very Interesting & Eye-Opening Video from Google. It wraps after the “&” and looks bad. The 2nd headline Mobile Technology 2011 wraps the 2011 under Mobile Technology & it is jammed up against the words Mobile Technology. The paragraphs could look better also in my opinion. Next I have several more headlines that look ok. Then I have Open your

    Mobile Advertising APPs & Mobile Optimized Website

    Mobile Advertising

    APPs

    APPs is jammed up against Mobile Advertising on my iphone

    &

    Mobile Optimized

    Website

    Website is jammed up against Mobile Optimized

    Why do they appear different on my iPhone4

    Is this a CSS problem?

    Do I need to create a Child css to fix it?

    How do I fix this?

    5. When I rotate my iPhone4 to Landscape mode.

    It does not scale to correct size – the menu goes slightly off the screen

    requiring a double tap to size it correctly.

    How do I fix this?

    6. Sometimes when in Portrait mode & scrolling up & down the viewport seems to have problems & starts getting sloppy when scrolling and then scrolls a little to the left and right instead of staying locked in & scrolling up & down with out the left right movement.

    How do I fix this?

    I viewed your demo with iphone app called Script Browser & ur Viewport settings appears different from what I see in Mobile Graphene Header.php.

    Thanks again ever so much! Gratefully, John

    Anonymous

    #17172

    Display of headlines & paragraphs Problems.

    Wondering if this is the cause of my last post headline & paragraph issues

    I just happened to notice in my wp-admin at bottom of my THEME PAGE it says:

    Broken Themes

    The following themes are installed but incomplete.

    Themes must have a stylesheet and a template.

    Name Description

    graphene-child Stylesheet is missing.

    wordpress-mobile-pack Stylesheet is missing.

    wp-content Stylesheet is missing.

    wptap Stylesheet is missing.

    wptouch Stylesheet is missing.

    I no longer have:

    wordpress-mobile-pack Showing on my theme page EXCEPT AT THE BOTTOM

    wp-content Showing on my theme page EXCEPT AT THE BOTTOM

    wptouch Showing on my theme page EXCEPT AT THE BOTTOM

    So are those last 3 still installed?

    However I do show in my cpanel:

    1. public_html/wp-content/themes/graphene-child Style.css which only reads:

    /*

    Theme Name: Graphene Child

    Theme URI: http://example.com/

    Description: Child theme for the Graphene theme

    Author: John O

    Author URI: http://example.com/about/

    Template: graphene

    Version: 1.0

    */

    @import url(“../graphene/style.css”);

    /* Your modification goes here */

    2. public_html/wp-content/themes/wptap

    I see a switch-thems.css & a css directory

    /* switch theme */

    #now_iphone h3,#now_pc h3{

    text-align:center;

    width:100%;

    padding:8px 0;

    }

    #now_iphone h3 a{

    display:inline-block;

    /*width:45px;*/

    width:170px;

    height:22px;

    background:url(images/iphone.png) no-repeat 0 0;

    vertical-align:middle;

    }

    #now_pc h3 a{

    display:inline-block;

    width:170px;

    height:22px;

    background:url(images/pc.png) no-repeat 0 0;

    vertical-align:middle;

    }

    I understand the concept of CSS a little but

    What does the statement Themes must have a stylesheet and a template?

    Could you please explain the template or a link to help me understand

    why my mobile site has these display problems.

    Is any or all this causing my headline & paragraphs to look so poorly – like what I think is a line height problem.

    Admin

    Syahir Hakim

    #17173

    Hi John,

    Let’s try to tackle this a few bite-sized bit at a time.

    Quote:
    1. Should I have both Graphene & Graphene Mobile Installed & active at same time?

    Yes, and no. Yes that both Graphene and Graphene Mobile should be installed, i.e. they should both be in the wp-content/themes/ folder. But no, not both of them should be active at the same time. Only Graphene needs to be activated, and do not activate Graphene Mobile.

    Quote:
    2. PC website when viewed on a PC shows my header or banner picture at top then menu below & that is how I want it.

    However when viewed from my iPhone the very top of my website shows my menu at the top but the banner below that.

    I want my mobile to look like my PC site: like ur demo site.

    Banner at top – Menu below

    How do I fix this?

    Graphene Mobile doesn’t support header image yet. Right now, there is just the header text over the gradient background, which you can (and have) change the colours. The image that you’re seeing now is the featured image of the page that is being used as the static front page.

    Try going to Graphene Mobile options page > Display > Posts Display Options and tick the “Hide automatic image at the top of posts” option, and you’ll see what I mean.

    Quote:
    3. Viewing my site on my iphone4 shows a different picture for my header banner picture from what my pc shows.

    This is explained above.

    For the line height issues, try adding this code to the Graphene Mobile Custom CSS option:

    h1, h2, h3, h4, h5, h6 {
    line-height: normal;
    }

    Anonymous

    #17174

    Syahir,

    Thanks ur line-height suggestion fixed that problem.

    http://www.MobileAdvertisingAPPs.com

    1. My FEATURES page on mobile displays incorrectly on my iphone4.

    The Menu is small and the body of page is way to big.

    IF I tap the body it will resize but then the menu is way to small.

    How do I fix this?

    2. My FAQs page also displays differently than the FEATURES page.

    At 1st glance looks almost correct but if u go down to the 5-6 line or so it says

    MOBILE

    OPTIMIZED WEBSITES

    the word WEBSITES the S is only 1/2 on the screen.

    If I double tap it the whole page goes to 3/4 width of the screen.

    How do I fix this?

    3. My ORDER page is doing same as feature page,

    I removed some tables and changed some table settings & it displays ok now, but I have no idea where to start for my FEATURE page.

    I am sure other pages are probably having the same problems.

    Graphene Mobile doesn’t support header image yet. Will it be in next release? Approximate date of this feature showing up?

    4. Till it does where would I find the featured image to change it?

    5. Using different themes I still have these page display problems.

    However when I turn off all mobile themes & just use Graphene it displays the pages fine but just not optimized for mobile.

    Is there some kind of Android Simulator software I can use to see how it would appear on a Droid?

    So is the problem with my coding. Any and all help is appreciated.

    Anonymous

    #17180

    Syahir,

    Can u plz explain why w3.org css validator shows my graphene css has errors 104 & Warnings 212

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.mobileadvertisingapps.com&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en#css

    W3C CSS Validator results for http://www.mobileadvertisingapps.com (CSS level 2.1)

    Sorry! We found the following errors (104)

    URI : http://mobileadvertisingapps.com/wp-content/themes/graphene/style.css?ver=3.2.1

    Admin

    Syahir Hakim

    #17181

    Graphene uses both CSS2.1 and the newer CSS3 in the stylesheet, but that validator check just for CSS2.1 and marks any CSS3 as errors. There’s nothing to be worried about.

    Anonymous

    #17182

    Syahir,

    Thanks ur line-height suggestion fixed that problem.

    http://www.MobileAdvertisingAPPs.com

    1. My FEATURES page on mobile displays incorrectly on my iphone4.

    The Menu is small and the body of page is way to big.

    IF I tap the body it will resize but then the menu is way to small.

    How do I fix this?

    2. My FAQs page also displays differently than the FEATURES page.

    At 1st glance looks almost correct but if u go down to the 5-6 line or so it says

    MOBILE

    OPTIMIZED WEBSITES

    the word WEBSITES the S is only 1/2 on the screen.

    If I double tap it the whole page goes to 3/4 width of the screen.

    How do I fix this?

    3. My ORDER page is doing same as feature page,

    I removed some tables and changed some table settings & it displays ok now, but I have no idea where to start for my FEATURE page.

    I am sure other pages are probably having the same problems.

    Graphene Mobile doesn’t support header image yet. Will it be in next release? Approximate date of this feature showing up?

    4. Till it does where would I find the featured image to change it?

    5. Using different themes I still have these page display problems.

    However when I turn off all mobile themes & just use Graphene it displays the pages fine but just not optimized for mobile.

    Is there some kind of Android Simulator software I can use to see how it would appear on a Droid?

    So is the problem with my coding. Any and all help is appreciated.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!