Hello,
I ask for help with the mobile version of my website.
When I do not use the AMP plugin the responsive version no longer fits for mobile or small screens as this prints
Mobile: https://imgur.com/guuHEk6
iPad: https://imgur.com/GLVnZYq
When I use the configuration-independent AMP plugin –
and create a mobile version, the AMP site hides the desktop version of the site in any browser
I want my site to bring the user independent desktop and mobile experiences if I’m going to use responsive or AMP.
Someone help me?
Hi,
The mobile version is look like that because you have the mobile theme plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se
Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
Also for the 3 blocks, you’ll need to have set same feature posts (that have set feature category) -> https://forum.tagdiv.com/featured-posts-2/ -> https://www.screencast.com/t/QsJ6ppY4
If you want the responsive version and amp you should use this opinion -> https://www.screencast.com/t/jZct5ueBqOrb but if you have amp activate on pages you’ll need to create in Mobile editor a content for AMP version of page.
If you do not have the featured category, you’ll need to add some posts in feature category -> https://forum.tagdiv.com/featured-posts-2/ if you do not have this category you can create it, just make sure that you set the category name to be
Featured
Let me know if you have more questions!
Hi,
Please set this custom css in theme panel>Custom code>Advance css> Phones
-> https://www.screencast.com/t/yKIKMyGg9
.td-theme-wrap .td-container, .td-theme-wrap .tdc-row, .td-theme-wrap .tdc-row-composer {
width: 100%;
}
Hope this will help you!
Thanks.
The responsive theme was good, thank you!
But when I entered the code with the solution to the responsive, the logo was misaligned.
https://imgur.com/wh1NZq2
How to solve?
Thanks
Hi,
Please make sure that you insert the code in this area -> https://www.screencast.com/t/joSUBn3mObf after that clear all cache and try again.
Thank you!