XF 2.1 How do I replicate this code block

[Jon12345]

I want to use the same code add-on that is used by the site as seen in this thread: https://www.mrexcel.com/board/threa...tive-workbook-delete-closed-workbook.1122524/

Any idea what is used? I see there is a copy icon in the top right.

I am aware of the add-on Code 2.1.2, but I want to know what is used on that site.

 

[Jon12345]

You can see I already posted about it in one of those threads!

 

[Max Taxable]

My brain is completely frazzled. I don't know what my intent is anymore.

That means it's time for some beers.

 

[beerForo]

You can see I already posted about it in one of those threads!

Yup you need a !

 

[Jon12345]

You can see from this that Google likes the page for mobile: https://search.google.com/test/mobile-friendly?id=8QnyvUjkwRidlTkw_fF8Iw

But for my site, they don't: https://search.google.com/test/mobile-friendly?id=CbkcaiFzUBLdvjlneshunA

Why do I lack the Google love?

 

[Max Taxable]

Does google like your xf default style?

 

[Jon12345]

That is my xf default style. I think they don't like the pages with code blocks in them.

Here is a page with no code block: https://search.google.com/test/mobile-friendly?id=yJy7thKgK308SJeV7hFi4A

Google likes that one!

 

[beerForo]

So test the other code block. We're going in circles.

 

[Jon12345]

Yes, we are going in circles. My goal, as stated in the first post, is to find out what the guy is doing on his site.

Let's not argue about it, there is no point.

 

[Max Taxable]

Here are the four complaints google has, none of which are related to your code block. It's related to robots.txt. Perhaps the code block adds a robots.txt file you don't know about? Or perhaps it contains these adverts?



Your waterfall shows nothing else being blocked.

Robots.txt file in question:

User-Agent: *
Allow: /ads/preferences/
Allow: /gpt/
Allow: /pagead/show_ads.js
Allow: /pagead/js/adsbygoogle.js
Allow: /pagead/js/*/show_ads_impl.js
Allow: /static/glade.js
Allow: /static/glade/
Disallow: /
Noindex: /

The last two items in that robots.txt file are the problem.

 

[Jon12345]

Interesting find, but I gave two links, both have the same ads on them. But one is Google friendly and one isn't, both pages are on my site. The difference, as far as I can see, is that one page has the code block and the other doesn't.

 

[Max Taxable]

But one is Google friendly and one isn't,

The only one I am looking at is the one failing the mobile-friendly test.

Please look at my post again, I added some further info.

 

[Max Taxable]

But one is Google friendly

Here's the errors on that one, more actually then the bad one, but not affecting mobile-friendliness.

Overview | Lighthouse | Chrome for Developers

Learn how to set up Lighthouse to audit your web apps.

search.google.com

 

[Jon12345]

Here's the errors on that one, more actually then the bad one, but not affecting mobile-friendliness.

Exactly. I think its the code block.

 

[Max Taxable]

The difference, as far as I can see, is that one page has the code block and the other doesn't.

Exactly. I think its the code block.

Something in the code you added is not mobile-friendly.

The robots.txt file is 3rd party, the blocks it does are the same for both your good test and your bad test, so it's safe to disregard that.

 

[Jon12345]

That robots.txt is not what I have on my site.

 

[Jon12345]

I don't think its the code. Its the code block.

 

[Max Taxable]

Your two mobile-friendly fails:

Content wider than screen

Horizontal scrolling is necessary to see words and images on the page. This happens when pages use absolute values in CSS declarations, or use images designed to look best at a specific browser width (such as 980px). To fix this error, make sure the pages use relative width and position values for CSS elements, and make sure images can scale as well. Read more in Size Content to Viewport.

Clickable elements too close together

Touch elements, such as buttons and navigational links, are so close to each other that a mobile user cannot easily tap a desired element with their finger without also tapping a neighboring element. To fix these errors, make sure to correctly size and space buttons and navigational links to be suitable for your mobile visitors. Read more in Size Tap Targets Appropriately.

I don't think its the code. Its the code block.

Is there not code in the code block?

 

[Max Taxable]

That robots.txt is not what I have on my site.

Correct. It's 3rd party and is there for both tests so it is safe to ignore it.

 

[Jon12345]

Wait, this one is mobile friendly but it has a code block: https://search.google.com/test/mobile-friendly?id=Cx2LzU6xU5_VxqzFzApgog

 

[Jon12345]

I was thinking at first it was a sideways scrolling issue. But when I go to the link in the first post, their site also has a scrolling issue.