Dear, right now my amp looks awkward. Please take a look at these Pics:
Please take a look at the pic:
https://ibb.co/ssppHtH
https://ibb.co/KXGcN2b
I want to make the header and footer the same size as it looks in normal desktop. At this time, the header is positioned most left side and too small, while the size of footer is also very small.
1) Please make the both logo the same size
2) Please position the header logo in the center as it looks very disturbing on far left side.
Would be please provide me the code so that the both logos looks same like in desktop or mobile devices.
If you still want any clarification, then please do let me know.
Best Regards,
I understand now, but it is not easy. On one hand AMP specifies that the main logo should be 60px in height, as it is now – http://prntscr.com/o1ublo – http://prntscr.com/o1uds1
You would have to remove this code in order for the logo to be bigger
– http://prntscr.com/o1udbm
Then it will look like this – http://prntscr.com/o1udjw so it will require some CSS to change the design, and CSS in the old AMP plugin can only be entered like mentioned here
– https://forum.tagdiv.com/topic/amp-page-formatting-questions/
Not to mention the modification it would require to center the logo. To center it maybe try and remove this margin here – http://prntscr.com/o1ui6k
The old AMP plugin looks like this – https://demo.tagdiv.com/newspaper_crypto/td-post-ripple-ceo-and-ethereum-co-founder-bash-ico-industry/amp/
It doesn’t have any settings to change the logo size or center it. This plugin is a simple plugin with the design based on the Yoast website
– https://yoast.com/meta-descriptions/amp/
Now the solution is the mobile theme and official AMP plugin, for which there will be more and more options added in coming updates – https://tagdiv.com/amp-newspaper-theme/
You can by editing the plugin files and inserting the code there, but I wouldn’t recommend it. It may cause AMP validation issues, or design issues.
If you require more settings for AMP you could use a different AMP plugin, one that maybe has such settings by default. Some theme users are using this plugin
– https://wordpress.org/plugins/accelerated-mobile-pages/
From what I know it works alright with the theme, maybe you could give the free version a try.
Should not be any problems, deactivate the old plugin and activate the new one. Check their documentation as well – https://ampforwp.com/tutorials/