Tiny Error in Mobile Theme but AMP Works Good

Hello Dear TagDiv,

Currently, I’m working in One of My Clients Site https://www.universalnews.org/

in Desktop it’s Good

When Visiting From a Mobile Phone https://www.universalnews.org/?amp URL is Also Good.

But,

When We Enter Just https://www.universalnews.org/

Then, The MENU 3 Lines is Going Behind the LOGO.

Kindly Check it yourself, and Provide me a solution for this.

2 – I added the Analytics Script in the AMP section, also Added AMP Ads Code in AMP Ads Section ( both in Mobile Theme separately )

but Ads and Analytics Not Working.

Kindly Help me with This.

Thanks.

That is Because I Just Disabled Both Plugins…

When I Check Page Speed Score after Enabled Two Plugins it Got Reduced Too much.

When Disabled, it increased.

So, I Simply Disabled.

Google Adsense was another reason for page speed low score, I remove ll ads scripts…

just to check the Speed and all.

The Most Important Message I have to Tell you, There is a Small Bug in New Update of Newspaper ( May be only in my site )

check this report – https://gtmetrix.com/reports/www.universalnews.org/zi7ba7zV

The following resources have identical contents but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 120.4KiB.

https://cdn.universalnews.org/wp-content/themes/Newspaper/images/icons/newspaper.woff?16
https://cdn.universalnews.org/wp-content/themes/Newspaper/images/icons/newspaper.woff?17

How Can we fix this?

for the AMP, I am enabling it – It will be active until your next reply.

Meanwhile, help me with the woff 16 and woff 17

to Know,

AMP + Mobile Theme Plugin Enable Just Now.

Ads Codes and Analytical Codes in AMP is Added.

—-

When I Checked the Same URL I’m Getting the Same Error

https://www.universalnews.org/american-rapper-kodak-black-got-46-months-prison-sentence-in-weapons-case/?amp

Test This URL in Validator it Gets Error ( AMP Enabled in the Post )

When I Enter This URL – https://www.universalnews.org/angelina-jolies-says-about-her-children-have-been-through-a-lot/?amp

Validator shows PASS

Same Happens in https://search.google.com/test/amp

Problem 1 – when I Vist AMP URL ex: https://www.universalnews.org/angelina-jolies-says-about-her-children-have-been-through-a-lot/?amp

it does not show in Google Analytics.

Problem 2 – Ads Not Displays even After I added the Ad Code in AMP

Problem 3 – https://gtmetrix.com/reports/www.universalnews.org/sKnyn1Ia

Identical Content in Two URL

Problem 4 – https://www.universalnews.org/?amp Layout in MObile is Good

Left Side Menu Button – Center is Logo – Search Box is at the Right side.

But,

when Visit https://www.universalnews.org/ in Mobile

that Layout is missing.

Search Box NOT Showing

Logo at the Left

Menu Button Inside the LOGO – Unable to Click on it.

Note: People Comes to the Site Directly, NOT Entering the AMP URL

They Just Types Domain in the Address bar.

Once they See this layout issue, and unable to click on the menu, then they will not come again.

Kindly Address them, and let me know asap.

Thanks.

One More Info:

When I set AMP Only in the Mobile Theme Settings

Then, mobile Page Shows as the Previous Responsive Mobile Page.

When I Select Mobile Theme For Mobile Only

Then, I get the same error ( Menu Button goes Under Logo – and Logo is at Left side – No Serch box )

When I Select mobile + AMP

AMP Page shows as Good Layout.

Address Without AMP is Shows that Error.

So, I hope you got almost all info…

Thanks.

Update:

When I add the Analytics Code to the AMP Analytics Section as Below…

Then It Worked,

{
"vars": {
"account": "UA-XXXXX-Y"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}

Now, AMP URLs are Trackable in Google Analytics.

But Still, Google Adsense Not Showing.

ADSENSE AUTO ADS FOR AMP

Code is Below

<amp-auto-ads type=”adsense”
data-ad-client=”ca-pub-##############”>
</amp-auto-ads>

PUB ID replaced with #

is this Ad code correct?

or I need to change this?

USE MOBILE THEME FOR:

Now Selected AMP Only

to Avoid the above-mentioned layout issue.

My Ads Exactly Posted in the same section

Code shows as Below

but, ads not visible in AMP Page

Why?

You Can check my sites AMP Page, and test it your self 🙂

Thanks.

NB: Due to Long delay of replies… This post is long…

So, Kindly read and reply one by one for all queries…

——————-

Due to the Poor Looks and NON-Showing Ads in AMP,

I have a Deactivated AMP + Mobile Theme Plugin.

Then,

I Re-Designed the Home Page.

Now, Check it http://www.universalnews.org

Also, Check it through a Phone.

Thanks to the TagDiv Composer,

I can Hide the Big Element Only in Mobile.

My Home Page Wider Element Only Shows in Desktop and Tabs…

When Screen is Mobile, it will disappear.

I Mark CSS Hidden For Mobile.

That’s an amazing function.

That helped me to show a Nice Page for Mobile Phone,

Remember: I am not using AMP or Mobile Theme Plugin.

Page loads Quick in Mobile up to an extent.

I’m Partially happy now.

Sad, because still, AMP is not works 🙂

When Just Enable the AMP Plugin ( without Mobile Theme )

Then mobile Page is Crashed – So I deactivated it.

—————-

I Need some functions.

1 – Pagination in Mobile Auto Load, and in Desktop Click Load More or NEXT – PREV
is That Possible?

2 – Did you see my Home Page in Desktop and Mobile Phone?

if Yes,

I need the Same Style in My Categories Page ( For Mobile Only )

ex: I need to show category page post lists, same as my home page.

TagDiv Composer Not Works in Category Pages Correct?

if, That style is not possible…

Then I have a Solution, an idiotic solution 🙂

Just create pages as my categories… and build pages using TagDiv Composer.

and Change Menu with that new Pages URLs…

But,

When a Visitor Click on a Post, and Click on Breadcrumb or somewhere like that… so the real category will show up.

So, I’m leaving that Idea… 🙂

if you have something to say about this, drop it.

———————-

Currently, I Use, Yoast SEO Plugin.

I feel the RANK MATH Plugin is More Good.

is it Compatible with Newspaper Theme?

Can You Suggest me a Good Schema Plugin for Newspaper?

The Last Answer is Not for My Question 🙂

All The Screen Shots are Checked…

And Already i have tested them, before creating the previous post.

Now, My Site Not having AMP,

Not Having a Mobile Theme.

But, I still have ads in my posts…

I Used an Ads Inserter Plugin to show ads in the posts.

Why I not use AMP…

1 – When Install AMP, The Site Looks is NOT Good.

I can’t Customize Theme for AMP Pages.

2 – Mobile Theme from TagDiv Also Not Having Customization Options.

3 – Ads NOT Works, even if I Follow All the Tutorials…

So, I left the Idea to Implement AMP in My Site.

yes, everything was right, but it was not working…

Thanks.