- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
My mobile version is nor working properly
So when I write a caption below an image It looks okay on laptop screen after published But on mobile it breaks line… Like i want the words in same line but it takes 3 lines here automatically in mobile screen
Hi,
Please check the answer from this topic -> https://forum.tagdiv.com/topic/how-to-change-design-of-social-sharing-button-in-mobile/
Thank you!
Yes, you need to edit the homepage to edit the cloud header, but you need to set the ad box on mobile header not on desktop header, click on the mobile view port -> https://i.imgur.com/LiGEuJp.jpg the layout should look like this -> https://i.imgur.com/HM1ARj5.png and after that add the ad box with the ad (if you want, you can set an inner row or a row to set in it the ad box) -> https://i.imgur.com/utGVZvO.png
Thank you!
Hello !
You can edit it using tagDiv composer by selecting the mobile viewport as you can see here: https://www.screencast.com/t/0t6B1gALnF
Thank you !
hi, teams
I use tagdiv on my wordpress website to make it easier.
the problem is, I can’t change the button to scroll in the mobile main menu in my mobile view newspaper.
could you help me through this?
I think its way easier to explain if I can show you with the picture
and I need to get things done very soon
thanks
Hi,
You can edit the logo, using use our guide from here -> https://www.youtube.com/watch?v=HXQQygkCCJo also make sure that you display the image or text -> https://i.imgur.com/Zs5shNm.png -> https://i.imgur.com/v3sEEu9.png -> https://i.imgur.com/XdXqH4B.png -> https://i.imgur.com/XdXqH4B.png on mobile -> https://i.imgur.com/wqNV6vE.png
Also make sure that you still have set a cloud header, because only on that one you can add the logo with tagDiv Composer.
If there is still a problem, please provide some screenshots and a link.
Hope this will help!
Thank you!
So I figured out the solution. Some of your suggestions worked. I turned off the mobile theme. I couldn’t use the plug-in suggested because it’s incompatible with WordPress.com. Instead, I turned off some features in the AMP plug-in. The pages might load slightly slower but all the content is there. It would be great if the next mobile theme would allow us to keep our desktop theme intact, or at least give us that option! Newspaper 9 didn’t seem to have this problem and worked perfectly for the most part. Thanks for a great theme. I hope to not experience any more errors until next year’s update. <Gulp>
Hello,
I am utilizing the “mobile version only” for rendering on mobile devices (not “AMP” or “AMP + Mobile”). The pages that are created in the “pages” tab in wordpress are the same across all platforms, which is what I’m going for. However, the Cloud Template pages I created are using the AMP simplified website template instead of rendering the responsive design on mobile. Any ideas on how to get rid of the simplified mobile template for the templates? The Cloud Templates that are rendering incorrectly are the “single post template 46” and “category template 39”.
Thank you!
On this demo here, https://demo.tagdiv.com/newspaper/ on the left hand section blocks…
What specific setting allows you to create submenus that align with the category. For example, if you scroll down to ‘Tech and Gadgets’, you see submenu links like ‘All’, ‘Gadgets’, ‘Mobile & Phone’, etc.
On my site here, https://familysvoice.com/, I have submenu links but they aren’t specific to the main header (e.g. Organization). If you click on ‘Organization’ in the top-hand header, it shows the correct Organization submenu items.
> My website format on mobile was perfect but i wanted to use AMP Theme and Plugin to take advantage of performance improvements but when i enabled the tagdiv mobile theme, it changed the layout (which is fine as its by design) but why it does not show featured images on the site when using my site on mobile phone (Techpress.net can you please check). ———————————-> FIXED by enabling the Thumbs on Block Settings. But I have enabled the Retina Blocks as well. Should i enable it does it cause any performance issues ?
> > Official AMP Plugin for WordPress -> I have used the wizard to configure it and selected Standard instead of Transitional and Reader Mode. Which one should i use and whats the use of this plugin and what it actually does. ————–>>>> Still Pending
> I lost my widget bar after enabling tagdiv mobile theme and AMP for wordpres -> it shows on my desktop version of my site but not on mobile version. Can you please advise. ————>>-> Still Pending, JetPack does not work on my mobile site any more. Any idea ?
-
This reply was modified 5 years by
jatin_makhija.
This is the link to my site https://www.netsportworld.com/category/football-predictions/
I have followed the above suggestions and set the bootstrap code(code below) here
https://i.imgur.com/kw1Iuge.png
and then the table html code(code below) here https://i.imgur.com/o4HJCxi.png
The tables are displaying as expected but now the issue I am running into is the the mobile menu tab https://imgur.com/76FnjgV to display my categories is no longer responding. nothing happens when clicked on the phone. how do I resolve this(I think it has to do with the code I place in the javascript section because once I delete it, the mobile menu works well again)
CODE
BOOTSTRAP CODE
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”>
<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script>
TABLE CODE
<nav>
<div id=”nav-tab” class=”nav nav-tabs” role=”tablist”>Home
Profile
Contact</div>
</nav>
<div id=”nav-tabContent” class=”tab-content”>
<div id=”nav-home” class=”tab-pane table-responsive fade show active” role=”tabpanel” aria-labelledby=”nav-home-tab”>
<table class=”table table-striped”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-profile” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-profile-tab”>
<table class=”table table-hover”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td colspan=”2″>Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-contact” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-contact-tab”>c</div>
</div>
Hi Guys,
I have just enabled tagDiv Mobile theme and Official AMP Plugin for WordPress. My site is very new without any external plugins (except jetpack). I have few queries if you can help me with as below:
> My website format on mobile was perfect but i wanted to use AMP Theme and Plugin to take advantage of performance improvements but when i enabled the tagdiv mobile theme, it changed the layout (which is fine as its by design) but why it does not show featured images on the site when using my site on mobile phone (Techpress.net can you please check).
> Mobile Theme shows 3 drids on the home page and can go upto 6. is there any way i can change the grid layout. Rightnow its just stacking the featured image one on top of another.
> Official AMP Plugin for WordPress -> I have used the wizard to configure it and selected Standard instead of Transitional and Reader Mode. Which one should i use and whats the use of this plugin and what it actually does.
> I lost my widget bar after enabling tagdiv mobile theme and AMP for wordpres -> it shows on my desktop version of my site but not on mobile version. Can you please advise.
Thanks,
How can I hide the sign in / sign up line in mobile menu?
I have WooCommerce installed and set as homepage.
Thanks!
na versão do computador as páginas abrem normalmente, mas na versão mobile n abrem. Aparece apenas o titulo.
as páginas do menu não estão abrindo, aparecem apenas o título
It is appropriate and properly visible in Computer but not appropriately seen or visible in mobile phone.I am providing a screenshot of how it should be visible in mobile phone-> https://imgur.com/9iNqNIt
I Also Providing a screenshot of Present Mobile View-> https://imgur.com/96YLGrX
You may think I don’t understand the instruction and guidance you are providing but I understood these materials. I am adding a screenshot showing that I understood what you provided-> https://imgur.com/4SlCpat
thanks…where do i efit the mobile menu? it shows sample logo imported with the ttemplatee..even if the site shows correct logo on desktop
I only use the Mobile Theme on AMP. Is that a thing?
https://wordpress.com/support/incompatible-plugins/#caching-plugins
They said to share that list with you.
Here’s what else they said, “I’m not sure what you mean exactly. Why is the developer saying you need to install a caching plugin? Since we have built in caching, I’m not sure why they’d tell you do that.”
Also, if I disable the mobile theme plug-in, the photos with stories won’t load.
hi,
I see that now the website is look better on mobile and the icons are on there place ->https://i.imgur.com/BVBrsid.png
Indeed the image is a beg one, if you change it is possible to change the way is adjusted per content, if you want you can try this option, this one is per device -> https://i.imgur.com/BiumxyZ.png
Thank you!
Hi,
You can edit the logo, using use our guide from here -> https://www.youtube.com/watch?v=HXQQygkCCJo also make sure that you display the image or text -> https://i.imgur.com/Zs5shNm.png -> https://i.imgur.com/v3sEEu9.png -> https://i.imgur.com/XdXqH4B.png -> https://i.imgur.com/XdXqH4B.png on mobile -> https://i.imgur.com/wqNV6vE.png
Also make sure that you still have set a cloud header, because only on that one you can add the logo with tagDiv Composer.
If there is still a problem, please provide some screenshots and a link.
Hope this will help!
Thank you!
The mobile theme plugin is too inflexible for my content because it is – at its core – date based but my site is not.
So, I was talking about the switch in TD composer, where I can set different content for various screen sizes.
Hi andxtagdiv,
If you are using the mobile theme plugin, then you’ll use a different theme for mobile devices, this one is more simples to make the content faster, therefore the page content need to be set in mobile editor.
If you want to have the same version, then you can disable the mobile theme plugin.
Thank you!
Hi,
When the mobile version is displaying on desktop as in your screenshot, then the problem is from a cache plugin, because you are using the mobile theme plugin, the mobile layout will have a different design and most of the cache plugins do not recognize this and provide the mobile version for desktop. We recommend to use WP Super Cache plugin with the settings from our guide -> https://forum.tagdiv.com/cache-plugin-install-and-configure/
And yes, if you want to have the same layout for mobile version, do not use the mobile theme plugin or use it but only for amp -> https://i.imgur.com/rpyGetE.png
Thank you!