- 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
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
In a mobile device and Tab, my site’s navigation bar/menu shows at the left corner. I want it to show on the right corner. How can I do that?
Hi,
First, Congrats for this awsome Newspaper theme.
Fantastic!
This support forum was also very helpful for tweaking it.
here’s my problem:
1- I can’t figure out how to add a block 3colons*3lines for my best articles after an article “smartlist6”.
see image

Please can you help?
2- Does Next/Back button appear the same in mobile devices?
I noticed the amp version of my article doesn’t work: ie it doesn’t show the back/next button
Should I de-activate the Amp Newspaper plugin to make it work on mobiles?
What is the cost of de-activating the Amp plugin? (speed? seo? )
For info : here is my modified smartlist6 file
—-
<?php
class td_smart_list_6 extends td_smart_list {
protected $use_pagination = true; // set this to true to use rela pagination on this template
protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}
$buffy = ”;
//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;
return $buffy;
}
protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;
//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
// 2nd ad smart list 6 Modif LJMI 1/12/2018
$buffy .= do_shortcode(‘[td_block_ad_box spot_id="custom_ad_1"]‘);
//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);
//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];
//image caption
$first_img_caption = $item_array[‘first_img_caption’];
//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {
//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);
// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;
// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];
// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}
$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>
</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}
$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);
//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}
// ad smart list 6 Modif LJMI30/11/2018 inversed text and Image
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
$buffy .= ‘</div>’;
// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();
return $buffy;
}
protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id
return $buffy;
}
}
——-
Hello @Dev_wp
For Accessibility issues with mobile theme in Lighthouse, go to mobile/parts/header-menu.php
Add button or anything else before /i>/a>
Screenshot:
https://drive.google.com/file/d/1FjCz9Z5IeOiPaIVVV2Q_nfimELltiDj2/view
-
This reply was modified 7 years by
Fikri Zaky.
-
This reply was modified 7 years by
Fikri Zaky.
-
This reply was modified 7 years by
Fikri Zaky.
Hi,
If you have the mobile theme activate you need to build new pages for mobile, in mobile editor, https://www.screencast.com/t/wvTdtL26Iihv , this is because in order to increase the load speed on mobile you are not allowed to use builders/composers, just the classic editor.
Please follow our documentation for The Mobile Theme carefully -> https://forum.tagdiv.com/the-mobile-theme/
Thanks.
Okay Man,
in first place : You guys should support RTL because your theme one of the best themes on themeforst. so its your responsibility to make the theme more better in next update.
Anyway, can you help me to reach the CSS of the menu of mobile veiw. and the menu of the desktop veiw. I will work on it, I just wanna know it CSS then I can change it.
Hi,
It’s the same website with the same permalinks/url, just the layout differ, and this is allow.
The Mobile Theme is a feature specially designed to maximize the theme performance on mobile devices.
Please read our documentation for mobile theme -> https://forum.tagdiv.com/the-mobile-theme/
Thank you for your understanding.
Hi,
You are using the mobile theme plugin and that’s why your mobile layout is different than the desktop. Check more information about this plugin here -> https://forum.tagdiv.com/the-mobile-theme/
Thanks.
Greetings all, sorry if this has been asked before, the mobile version of my newspaper9-themed site draft is only appearing in HTML now, was working before. When I click “View Full Site” in Chrome Android the mobile version is shown ok. Did I mess with the HTML code by mistake?
Hi,
That may happen maybe with a slower connection maybe. I checked some of the posts from your website, for me the ads load just after the content loads, that would be alright. Takes about 2-3 seconds to load the top ad in my case, then as I scroll down the other ads are visible.
From what I can find AMP will focus on loading the content first, then the ads
– https://amphtml.wordpress.com/2016/07/19/but-what-about-the-ads/
– https://digiday.com/media/not-fast-google-ramps-amp-speedy-mobile-news-ads-still-lag/
Thanks
Hi,
we use Newspaper-Theme with a youtube-Background on the startpage.
In the mobile version, video starts not automatically (thats Ok), but if I press stop, then there will be displayd related videos from youtube.
It is possible to deactive that?
Thx and best greetings
Andreas
Hello, My website is very slow on mobile, so I think to use the mobile theme feature
Is it allowed that “Desktop” and “Mobile” theme have different looks/display by Google?
Thanks
Hi,
I’m using Mobile theme for mobile alone. But for normal site I’m using normal newspaper theme version 9.1. My question for normal newspaper theme category page.
Regards,
Sathya
Hi,
Sorry, was my mistake, you are using mobile theme, and this will not work in mobile theme.
For ads in category page please read this documentation -> https://forum.tagdiv.com/the-mobile-theme/
Thank you.
Hi,
Use the code below and place it in Theme panel -> Custom CSS Area.
.td-mobile-content a:hover {
background-color:green;
}
Thanks.
Hi Tagdiv!
I have a problem After using the arabic language is a defualt language of the theme.
First : the menu button of “Mobile Verson” gose to Left and merge with the search button. I want reach it Css, to change it postion to other diraction or move the search button to the old place of the menu button.
Img : https://imgur.com/a/lJxwPkE
Second: I want to keep the dropmenu sign in the same place it was be before changed the theme language from EN to AR.
Img : https://imgur.com/a/zkXwlOs
my webstie : https://www.iraqcoders.com
Hi,
I’m using Mobile theme. In that there is an option for loop Ad. I have placed the Ad code in loop Ad section and given the post count as 5. But this loop Ad is displaying only once after 5th post. Is this the expected behavior or it should display after every 5 posts and is there any option to place the loop ad for a non-mobile theme.
Regards,
Sathya
A quick follow up to this.
I disabled all plugins (including varnish on the server) and the menu still did not work on mobile.
Hello, I have not changed anything on my home page in quite some time, but all of a sudden, code is showing above each block/section on the home page. It doesn’t appear to have any problems on mobile devices that I can tell. I do not know how to go about fixing this, because I didn’t change any settings to get it like this. I have just been publishing blog posts for the last couple of weeks.
This is the Lifestyle template, and it’s not longer displaying on the home page, either. (I took Instagram and a few other things off initially, but that was weeks ago.)
Thanks so much, Trudy
Hi
The images of “Big Grid 1” is very clear on the PC version but very fuzzy on the phone version, what should I do to fix this problem?
My site: https://vaycuoidep.vn
Thanks
Hi,
Please read this topic: -> https://forum.tagdiv.com/topic/mobile-menu-blue-text-change-clour/
Thank you.
Hello team,
Very strange things always happen with my website… today is this.
I change the font size in the theme control panel:
https://fotos.subefotos.com/2512dfcab973f7fa07fedbcea5bcba6co.jpg
The changes become effective in the desktop version when the cache is emptied.
https://fotos.subefotos.com/12e894ca1957a5cdaf2b0744d2b6827do.jpg
But, the changes do not apply to the mobile version (I do not use the taddiv-mobile plugin).
https://fotos.subefotos.com/6884f9b1ec7873d1ccbe56952886779do.jpg
¿Why?
Another question: Is it possible to apply lightbox in general to all photos in all publications? Automatically, without having to go one by one. Is that possible?
Thanks
Hi,
I believe those socials will be displayed regardless of the theme panel setting. There is no options to disable them specifically. You could remove them like this
– https://forum.tagdiv.com/topic/mobile-menu-23/
Sorry for any inconvenience. I will make a note of this and it will be considered to add an option to remove the socials from the mobile menu modal.
Thanks
Hi,
Please use the mobile theme https://forum.tagdiv.com/the-mobile-theme/
Thank you for your understanding.
Hi,
Unfortunately our theme do not have this option, but you can use a flex block and set settings per each device
On desktop: https://www.screencast.com/t/6HKNJjl35i
On mobile: https://www.screencast.com/t/Ik42eacS3DgK
Thank you.