Forums » Theme: raindrops » Mobile Version Problems

  • Resolved Cromerty

    (@cromerty)


    https://alteregovoices.com

    Since the raindrops upgrade, my mobile versions have been askew:

    1) Iphone : No header image, and page is to the left (not centred)
    2) android: No header image, and no page back ground (back ground image of blue is displayed, rather than the white)

    thanks

Viewing 15 replies - 1 through 15 (of 39 total)
  • Theme Author nobita

    (@nobita)

    Hi Cromerty

    Please try remove below line

    raindrops.js

    jQuery( '#header-image' ).hide(); /*1.272*/

    https://github.com/tenman/raindrops/blob/master/raindrops.js#L8

    Thank you.

    Thread Starter Cromerty

    (@cromerty)

    Hi Nobita – that didn’t make any difference.

    Thread Starter Cromerty

    (@cromerty)

    Just to clarify – I have remarked out that line, and the header image displays OK on PC Firefox, and on iphone Safari.

    However

    1) Iphone Safari – the page is shifted to the left
    2) On Android Chrome and PC chrome

    (i) the Page itself is missing ie the back ground and the items are there filling the whole screen randomly
    (ii) Header image is missing.

    Thanks

    Thread Starter Cromerty

    (@cromerty)

    Hi Nobita – have yo been able to look at this at all? Thanks!!

    Theme Author nobita

    (@nobita)

    Hi Cromerty

    I was overlooked sorry.

    I, I tried to look at your site, the header image is not displayed.

    Did you delete my code shown of?

    Thank you

    Thread Starter Cromerty

    (@cromerty)

    Nobita – I/m not sure what you mean by remove below the line – I removed all the code below that line (so that only jQuery( ‘#header-image’ ).hide(); /*1.272*/ was in that section), but it made no difference.

    Thread Starter Cromerty

    (@cromerty)

    Hi Nobita – this is weird – I’ve not made any changes to my web-site, and just refreshed and the whole thing on Chrome and Firefox looks corrupted (“mixed media” error too)

    Theme Author nobita

    (@nobita)

    I’m rechecked

    Raindrops stylesheets get request canceled

    then header image not shows and style(color and borders settings) is broken.

    Are you using button plugin?
    if possible stop plugin.

    try below.

    functions.php

    line:2520

    function raindrops_embed_meta( $content ) {
    
    			global $post, $wp_customize;
    
    			$result	 = "";
    
    			$css = '';
    
    			if ( isset( $wp_customize ) ) {
    				$css .= raindrops_embed_css();
    			}

    change below

    function raindrops_embed_meta( $content ) {
    
    			global $post, $wp_customize;
    
    			$result	 = "";
    
    			$css = '';
    
    		//	if ( isset( $wp_customize ) ) {
    				$css .= raindrops_embed_css();
    		//	}

    commentout if ( isset( $wp_customize ) ) { conditional.

    Thread Starter Cromerty

    (@cromerty)

    No – hasn’t worked. (I’ve even just this second updated to latest version of raindrops and tried).

    I have also disbaled the ShareThis buttons

    Thread Starter Cromerty

    (@cromerty)

    Hi Nobita – Just letting you know that as this didn’t make any difference, I’m just in the process of restoring my web-site to last week, when it wasn’t so corrupted – I’ll let you know when it’s back up.

    Thread Starter Cromerty

    (@cromerty)

    Hi Nobita – I’ve just restored to last weeks files, and the layout is still all over the place. I don’t understand what’s gone wrong, asI haven’t made any changes in ages, and it was working ok yesterday.

    Thread Starter Cromerty

    (@cromerty)

    I think it is browser related (as Firfox was updated this morning).

    I use Firefox 36.0, and Chrome Version 40.0.2214.115 m (on Windows 7)

    My support team says it’s a problem with how WordPress/raindrops is handling the browsers.

    Chrome on iphone and Android have the same issue.

    Theme Author nobita

    (@nobita)

    My support team says it’s a problem with how WordPress/raindrops is handling the browsers.

    What mean of handling the browsers ?

    screenshot, source of your site below

    http://www.tenman.info/wp3/manualraindrops/files/errors-alteregovoices.png

    Issue of CORS(Cross-Origin Resource Sharing) ?

    <link rel='stylesheet' id='raindrops_color_type-css'  href='https://alteregovoices.com/?raindrops_color_type=1&p=47&ver=7a65286be6a584975b5d99dd52bff367' type='text/css' media='all' />

    dinamic style source below.

    https://github.com/tenman/raindrops/blob/master/functions.php#L9038-L9059

    I think it is not themes issue.

    Thread Starter Cromerty

    (@cromerty)

    But it must be a theme issue, in that when I was on my previous version, my website looked ok on PC Chrome, PC IE, PC Firefox, and Android Chrome and iPhone Chrome.

    When I went up to the next version of raindrops, Android Chrome and iphone Chrome stopped displaying it problem (with no change or new plugins on my website).

    When Chrome and Firefox updated on my PC yesterday, the same thing happened. The site was working before the browser updates, and now it isn’t.

    So it must be the way raindrops is talking to the browsers, in that it no longer seems to be browser compatible.

    Thread Starter Cromerty

    (@cromerty)

    Also note, all pages have “lost” the theme, apart from the blog page:

    https://alteregovoices.com/blog

Viewing 15 replies - 1 through 15 (of 39 total)
  • The topic ‘Mobile Version Problems’ is closed to new replies.