- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewsmagMain menu
- NewspaperMain Menu
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewsmagIntroduction
- NewsmagLogo & Favicon
- NewsmagBackground introduction
- NewsmagTheme colors introduction
- TutorialsWhat is Ajax preloading?
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Hi,
1. When the mobile theme plugin is active, content for pages has to be entered through the mobile editor. Please see this guide for more information about the mobile theme
– https://forum.tagdiv.com/the-mobile-theme/
If you want to display the same content from desktop, deactivate the mobile theme plugin. The theme is fully responsive and will adapt for each device.
2. The footer will be displayed when the mobile theme plugin is active, regardless of the settings from desktop. There is no setting to remove the footer in this case. Only through custom code or theme modifications.
3. The hamburger menu icon should be displayed at all times. Maybe there is a combination of colors and background that could make it seem that it is not present. Please check the settings here
– https://www.screencast.com/t/Auns7Z7m
4. The mobile theme does not have an option to display the social icons displayed in the mobile menu. That can only be done with custom code or theme modifications.
5. Please provide a link to a post with this problem, so we can inspect it.
The mobile theme plugin is optional, the settings and options are kept to a minimum for better performance on mobile devices.
Thanks
Hi,
Sorry but please notice that the mobile mode has not been designed to display the Top Bar at the top of the page on mobile devices, sorry! The top bar menu has been added to the hamburger menu when this will be open, sorry! This is the theme’s behaviour and if you want to change it you should do it through the code and if you are not aware of the steps which are needed to take, in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
Thanks for your understanding!
Hi,
That would require you to modify the theme files. This is the file where you could remove the socials and login displayed in the mobile menu
– https://www.screencast.com/t/mUg8rhrQ
Comment or remove the code responsible and check the results.
Thanks
Okay thanks!
I’m also having issues with the mobile version of my website. The settings I used for the desktop do not appear to be translating to my mobile site.
1. On the mobile version, none of the pages are displayed except the Home Page which only displays some of the content that is on the desktop version.
2. The footer is displayed on the mobile version even though I disabled it on the desktop version.
3. The three bars on the upper left of the mobile version where you should be able to tap to view the menu are missing.
4. The top bar with the social media icons which I disabled on the desktop version is showing on the mobile version.
5. Some of the videos on my posts aren’t automatically resizing for mobile.
Thanks!
Hello! After the last update of the theme, the main menu of my site stopped working in the mobile version.
The site is http://www.viagensecaminhos.com/
Thanks, but when I put in this code, nothing changes. To be clear, the Header Menu (main) is the menu that already is showing. I want the Top Header Menu to show as well, so that they both are showing on mobile devices. Thanks for your help!
hwo to insert code after body tag
Example <body> code Here </body>
Attachment header.php
——————–
<!doctype html >
<!–[if IE 8]> <html class=”ie8″ lang=”en”> <![endif]–>
<!–[if IE 9]> <html class=”ie9″ lang=”en”> <![endif]–>
<!–[if gt IE 8]><!–> <html <?php language_attributes(); ?>> <!–<![endif]–>
<head>
<title><?php wp_title(‘|’, true, ‘right’); ?></title>
<meta charset=”<?php bloginfo( ‘charset’ );?>” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
wp_head(); /** we hook up in wp_booster @see td_wp_booster_functions::hook_wp_head */
?>
<meta name=”yandex-verification” content=”c004147e8b49b00a” />
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: “ca-pub-6798257544718804″,
enable_page_level_ads: true
});
</script>
</head>
<body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
<?php /* scroll to top */?>
<div class=”td-scroll-up”><i class=”td-icon-menu-up”></i></div>
<?php locate_template(‘parts/menu-mobile.php’, true);?>
<?php locate_template(‘parts/search.php’, true);?>
<div id=”td-outer-wrap” class=”td-theme-wrap”>
<?php //this is closing in the footer.php file ?>
<?php
/*
* loads the header template set in Theme Panel -> Header area
* the template files are located in ../parts/header
*/
td_api_header_style::_helper_show_header();
do_action(‘td_wp_booster_after_header’); //used by unique articles
I found a nice way which isn’t the best solution from seo point of view, but it’s the best solution for UX – just add a custom link section to the menu with any url inside, then remove the url and drag sub-categories under the tab. This way the main category is not clickable within the menu on dekstop, but it’s clickable on mobile and the best thing – it opens the sub-menu, no need to tap exactly on the “>” sign!
Cheers
Hello,
Unfortunately it will not work like that as the right arrow is part of the same menu item. Sorry but there is no simple solution except by altering the main code of the mobile menu: https://www.screencast.com/t/3bTo6nbvS
But this will require customization services we cannot provide, sorry
Thanks.
Hi,
I have inspected your website and the loading time for opening the hamburger menu on mobile is so short and it seems to work as expected. Also, if you are using some untested plugins, try to disable all of these and use only the plugins that come bundled with the theme core files and rule out any conflicting plugins.
Thanks for your understanding!
Ah
I got it wrong
I was thinking it will show up in the mobile menu not in the header.
Separate menu for header like many themes do is something you should consider for future updates.
It really deosn’t make sense the way it is now.
Great theme with so many features but the menu spoils the whole thing
we want to display top-header-menu tabs in mobile menu so it is not possible to set it responsive design rather than confusing CSS. I can see this type of top-header-menu in mobile with above given code https://screenshot.net/kqqn7tk. Hope you understand my query.
Looking at removing those options on the mobile version since I added the top menu on mobile
Hi,
I have inspected your website on mobile, but there is no issue whatsoever with the mobile menu functionality at the moment
– https://www.screencast.com/t/ojntVGLZsGV
– https://www.screencast.com/t/LcXb6t8W25C
The menu is opened as soon as the hamburger icon is clicked. There are no errors present on the page as well. It could have been a plugin that caused it. If you deactivated all the plugins except theme provided plugins, please try to enable them one at a time and hopefully identify the one responsible.
Thanks
Hello! My website has a Header Menu (main) and also a Top Header Menu…http://e50.4da.myftpupload.com/. However, only my Header Menu (main) is displayed on mobile devices. I would like for BOTH the Top Header Menu and the Header Menu (main) to display on mobile devices. Is this possible?
Can you please tell me how to fix the bug where the mobile menu is unresponsive for 20-30 seconds when every page loads? This issue makes the theme essentially useless.
Note:
* I have already disabled all plugins and cleared the cache and this did NOT fix the issue.
* I have re-downloaded V8.1 of the theme from Envato and re-installed it via FTP and this did NOT fix the issue.
* I have not made any code or functionality changes to the theme.
The site with the issue is: http://skunkology.com/
Many thanks.
I already have this figured out. I do need to compose page contents for mobile separately or remove the plugin if I want to show the same content as the desktop view.
To do it quickly, I just used the Categories for Mobile Menu.
Now, 1 more question. How can I show Recent Post of certain category on mobile theme content? Thank you
Hello,
I’m having a little problem, Google Webmaster Tools and the browser reports me an internal error 500 for the theme’s folder URL (/wp-content/themes/Newspaper). How can i fix it?
Furthermore i have noticed that in the last update 8.1 of Newspaper is missing an important file (themes/Newspaper/mobile/js/tagdiv_theme.js) that is needed to make work the mobile top menu bar. I’m actually using the file of Newspaper version 8.0.
Thanks in advance.
Ignore, I have made it work, but added a comment on another forum topic on how to remove some of the menu items as the same as main mobile menu
Would the opposite work? For example the Social Icons, log in are part of the side full menu on a mobile, so I do not need those to show up on the top header menu? Thanks
Hi lads
Same here
You keep saying that mobile won’t show the top menu.
If certain menu item is not that important to be placed in the main menu, it doesn’t mean it’s not important at all for the mobile phone users.
So how do we suppose to show it to the them?
Why not to have separate menu for mobie where we can stick all the items we need?
Otherwise it doesnt make sense at all.
Do yo uagree?
Thanks
How to add top-header-menu tabs to mobile menu when we open the website in mobile phones?
The mobile hamburger menu is unresponsive for 20-30 seconds every time a page loads. It looks like even though the page content loads reasonably quickly and all the links work as soon as they render, something is trying to load in the background that is preventing the mobile menu from working. Sometimes it just stalls and never works.
Is this the bug I’ve read about on the forums where the wrong package was uploaded to Envato and the theme needs to be redownloaded and reinstalled?
If so, what happens when I delete the theme and replace it with a new version? Will my custom pages be lost and all the tweaks I’ve made from the theme panel?
Thanks for your help.
Hello TagDiv Team,
I was able to integrate the rev-slider successfully (thanks to the detailed documentation). I went ahead and created a demo slider and added it to the homepage as well. The slider is showing up but there seems to be a space between the menu bar and slider. (you can check the test link: http://www.ssent.net.in). I tried to reduce the top-padding but if we reduce it to 0 the mobile responsiveness is affected.
Following are quick pointers on the settings.
1. Slider is set at Full-Screen.
2. I am using the demo ‘Say What’ with no changes made to the layout or code. (esp. for HomePage)
Request you to share your thoughts on how I can get rid of the white space and not loose the mobile responsiveness and slider functionality.
Regards,
Samuel
Hi,
The same menu items that are displayed on desktop will be displayed on mobile as well. That is the same menu top menu. You could maybe hide the menu items on desktop with CSS and display them only on mobile, if you should consider this a solution.
Like this for example
– https://www.screencast.com/t/SOEwtxnA
– https://www.screencast.com/t/XMNwhLmg
– https://www.screencast.com/t/QTalRaQ7X1
This code will hide menu items on anything larger then phones, based on the unique ID each menu item has.
@media (min-width: 767px) {
#menu-item-50 {
display: none;
}}
Thanks
