Website is scaling strangely when viewing within other apps

Support
#1

Hi. We’re having some trouble with our website, specifically when opening the home page within the LinkedIn app. You can see a video of it here. It’s not happening on other pages, just our home page. Could someone help us figure out what setting might be causing this? Thank you!

#2

Hello Courtney,

Thanks for writing in! I have checked your site and I found out that there is a JS error on the page. It is because you have added a PHP code in the JS code section. You have added this:

add_filter( 'gform_field_validation_64_32', 'gf_min_password', 10, 4 );
	function gf_min_password( $result, $value, $form, $field ) {
		if ( $result['is_valid'] && strlen( $value ) < 8 ) {
			$result['is_valid'] = false;
			$result['message'] = 'Please enter a password of 8 characters or more.';
		}
		return $result;
	}

add_filter( 'gform_field_content', function ( $field_content, $field ) {
    if ( $field->type == 'password' ) {
        return str_replace( "name='input_3.6'", "autocomplete='off' name='input_3.6'", $field_content );
    }
  
    return $field_content;
}, 10, 2 );

You need to remove the PHP code because it will not work. It will just generate a JS error on the page. After remove the PHP code block, clear your plugin caches, login to your Cloudflare account and purge your site cache before testing the site again.

Kindly let us know how it goes.

#3

@ruenel
Hi,

We did remove that code but are still facing the exact same issue. Could it potentially be something else?

#4

Hi Courtney,

Can you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

1 Like
#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#6

Hello Courtney,

You have inserted this broken CSS:

@media (max-width: 979px)
  .entry-content.content {
    margin-top: 25px;
  }
}
@media (max-width:979px){
.x-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
.x-slider-container.below {
    margin-top: 216px;
}
}

Please have it updated and use this correct and valid code first:

@media (max-width: 979px){
  .entry-content.content {
    margin-top: 25px;
  }
}

@media (max-width:979px){
  .x-navbar {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
  }
  .x-slider-container.below {
      margin-top: 216px;
  }
}

Kindly let us know how it goes.

#7

Hi Courtney,

I have checked your website but not able to find the issue anymore, I would suggest you check once by clearing type cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Screenshot-1023-
Screenshot-1023-1894×641 79.8 KB

Please note you may need to clear the cache from the Linkedin too, please go through the following article on this.

https://www.socialmediaexaminer.com/how-to-clear-facebook-cache-twitter-cache-linkedin-cache/

Hope it helps.
Thanks

#8

Hey Courtney,

We’re sorry for all the confusion and back and forth. It would be good for you though if you did the common solutions listed in our troubleshooting article https://theme.co/docs/common-issues

One of the solutions is temporarily removing custom CSS. The issue is coming from your custom CSS. Check the CSS in Appearance > CSS and also Theme Options > CSS.

image

Please remove the custom CSS to fix the issue. If you need the CSS, you will need to consult with a developer to make that CSS work with our theme. Note that we do not provide guidance for theme modifications as part of our theme support. That service is reserved for our One plan.

Hope that helps and thank you for understanding.