- 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. As I see, mobile menu brings all links from the main menu.
Is it possible to create special links for the mobile menu without adding them to the main menu?
2. How to hide social platforms signs from the upper part of the mobile menu?
Is there an option in the Theme panel for Newspaper Theme to customize to social buttons both in the Top Bar as well as the header in the mobile menu? I searched the forums as well as looked all the menus in the Theme panel but couldn’t figure out where to make the changes. Any help would be appreciated!
@allenwinkler As I mentioned above, the mobile menu is not supposed to display on desktop. There is no design for it on desktop, it will have to be created custom. You will have to modify it greatly for something like that, if even possible.
Thanks Simion,
But, is possible to show menu in amp pages?? Shows logo in center and searcher in right place, but in left side doesn´t appers button menu like a mobile. It will be interesting to keep visits in site. Thank you!! 🙂 How can i show menu button in amp? Thank you!!
You can add icons in the menus like this
– https://fontawesome.com/v4.7.0/icons/
– https://forum.tagdiv.com/how-to-add-icons-in-menu/
A border could be added with custom code, since the default theme mobile menu does not have this setting
– https://www.screencast.com/t/TevZPwFGfvt
.td-mobile-main-menu .menu-item {
border-bottom: 1px solid black;
}
This is a guide mentioning how the browser inspector can be used to create custom code, for various theme customization
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This code can then be entered in the theme dedicated custom code sections in the theme panel.
Modified files – 43 files
editor-style.css
images\icons\newspaper.eot
images\icons\newspaper.svg
images\icons\newspaper.ttf
images\icons\newspaper.woff
images\pagebuilder\tdc-icons.png
includes\block_templates\td_block_template_1.php
includes\block_templates\td_block_template_4.php
includes\block_templates\td_block_template_8.php
includes\demos\entertainment\demo_style.css
includes\demos\entertainment\demo_style.less
includes\demos\erotic\demo_style.css
includes\demos\erotic\demo_style.less
includes\demos\spa\demo_style.css
includes\demos\spa\demo_style.less
includes\less_files\admin-style.less
includes\less_files\block-templates.less
includes\less_files\font-icons.less
includes\less_files\header-style.less
includes\less_files\menu-header.less
includes\less_files\menu-mobile.less
includes\less_files\pagebuilder\shortcodes\blocks.less
includes\plugins\td-amp.zip
includes\plugins\td-composer.zip
includes\plugins\td-multi-purpose.zip
includes\plugins\td-newsletter.zip
includes\plugins\td-social-counter.zip
includes\shortcodes\td_block_title.php
includes\shortcodes\td_block_trending_now.php
includes\td_config.php
includes\td_css_generator.php
includes\wp_booster\td_block.php
includes\wp_booster\td_cake.php
includes\wp_booster\td_css_res_compiler.php
includes\wp_booster\td_fonts.php
includes\wp_booster\td_js.php
includes\wp_booster\td_review.php
includes\wp_booster\td_social_icons.php
includes\wp_booster\td_social_sharing.php
includes\wp_booster\td_wp_booster_functions.php
includes\wp_booster\wp-admin\css\wp-admin.css
mobile\functions.php
style.css
Deleted files – 0 files
none
New files – 2 files
includes\modules\td_module_flex_2.php
includes\shortcodes\td_flex_block_2.php
Ok thx.
Now how i can add icons and lines mobile menu? –> https://prnt.sc/ikcx9i
Now: https://prnt.sc/ikcx9i
1/2. I believe you have set a white background color and white icon color in the mobile theme settings
– https://www.screencast.com/t/Bsfww9rG
If you want a white menu background color, change the icon colors to a different color so they will be visible.
3. You could reduce the mobile menu modal with custom code, there is no setting specific for that. There is a solution in this topic if you want to try
– https://forum.tagdiv.com/topic/use-mobile-top-bar-and-menu-on-all-page-sizes/
Hi I installed the Mobile-Theme Plugin.
I have a problem with the Landing Page in Mobile
I just can see the latest articles section as seen here:
https://www.screencast.com/t/tdEsStdLl
but when I click into an specific menue f.e. Business I get the first 3 post in a better layout.
Like this:
https://www.screencast.com/t/gm1LYKu0hfb
How do I get this Layout in my landing page ????
Thank you so much in advance for your help
Dan
1. The main page is all right. Now try to go to read the news and the problem remains the same …
2. I also can not find where you can change the color of the search icon and the mobile version of the menu
3. Looking at sportas.lt and see what kind of menu and header I want. (mobile version)
Hello when i update to NesPaper 8.7 i face this problem with google ads on the header it going up not in center between Main menu and top header
Also one more question i use AMP for posts only but when i use the mobile and open any posts its not redirect to AMP version its open as normal website i need to incluse /amp to the url so i can see AMP version
Thank you!
Hi,
I have inspected the website, at the moment everything seems to work properly
1. The menu is present – https://www.screencast.com/t/sL8Pt9hvKC
– https://www.screencast.com/t/En0ueYpFn0
2. That cannot be done, it will lead to a 404 page if you do so, that URL does not exist. The “#” is a link placeholder with properties used by the theme for the mobile menu and search icons.
3. I believe that is the footer, there are options to set a background color in the theme panel
– https://www.screencast.com/t/sR0Dllwf
The footer can be disabled in the theme panel for desktop. It will not be displayed on mobile as well.
4. I could give you a code to remove the footer on mobile while displaying it on desktop, if that is what you want. Something like this code entered in Theme panel->Custom code->Advanced CSS in the phones section
.td-footer-wrapper {
display: none;
}
Please let me know if I misunderstood something or you have more questions.
Thanks
There is strange problem with both the push menus in mobile version of my website https://news.meatbranch.com
There is no content showing in these panels at all https://c2n.me/3SbYvN2.png
Please help me to find the bug.
Thanks on advance.
Hello/Buna
There is a little problem on mobile plugin on Pages they are blank, only categories are visible, the content of pages are blank, i setup separate menu pages mobile and menu categories mobile but is the same, problem.
I have added the mobile theme but no menu appears, even though I have selected it in theme settings.
Hello Simion,
I’ve just talked with the client and they have decided to leave the mobile menu as it is now.
Thank you!
Hi,
My problems –> https://prnt.sc/iiqk1v
1. There is MENU button ??
2. How to change the name to be sportodiena.lt/m/
3. How to change the color of this place
https://prnt.sc/iiqlvs
1. How to turn off the footer at the bottom of the mobile version and leave it as a web version?
i am using the mobile theme and in the menu all the right categories are displayed but they lad to pages with no posts. Please see noradaylive.com. On desktop the list of posts shows (no pictures) but with mobile zero posts how.
Please advise. Thanks.
Hi,
The top menu is not displayed on mobile by default. It can be made to appear with a custom code, but only if you are not using the mobile theme plugin. If that is the case please provide a link to your website and we will try to give you a solution.
Thanks
Hello,
I have another question, related to this one. How can I make the top menu to be visible on mobile devices?
Thanks,
Blagoj
Hello all,
Please notice that the AMP plugin does not have this type of functionality implemented and we do not know if it will be or not implemented in the feature, sorry! Please understand that the main functionality of AMP plugin is to display the posts very quickly on the Google’s eye. Basically, when a client in on AMP version, he is not on your website and the main goal is to redirect it to your own website. The AMP will have to be viewed as a preview to the posts pages of your website which are delivered by the Google AMP Cache. This is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. For more information about this case and to better understand the operating system for this plug-in, please check the following useful manual from here -> https://www.searchenginejournal.com/difference-accelerated-mobile-pages-amp-mobile-friendly-pages/172967/
As a very good example, please check the official page of Seo Yoast and there you will see that they have not implemented the menu bar on AMP pages, as you can see here -> https://www.screencast.com/t/OfzMGTLPQk
For more references and for a better understanding of AMP functionality please read the plugin documentation!!!
Thanks for your understanding!
Hi,
When i use the mobile browser’s share button option from the menue to share something and then pick whatsapp app from the list of app, the thumbnail appears after few seconds. But if i directly click on the WhatsApp button to share from the post share bar, the thumb never appear.
When a user clicks “Join” on mobile in the mobile menu, I want to redirect them to a registration page of my choosing.
Upon inspect element, this is what I found to be the registration link. https://www.screencast.com/t/SFGqk6v8
So I go to themes/newspaper/mobile/parts/login.php to edit this file at this location
https://www.screencast.com/t/oElykXzS)
And I make this change: https://www.screencast.com/t/xelABrxodc
But it does not work after I upload it to my website. Am I making the wrong change?
—
Do I make the change in the /menu-mobile.php file here?
https://www.screencast.com/t/N52rkf3WOymf
If so, how would I insert my href there properly?
Thanks.
Dear Simion,
Thank you for all replies.
All good except The header menu to be centered. Code is working but on mobile, menu goes over the logo.
i updated the theme via them forest plug in but site is real slow with dash board is too slow and while adding to google adscence code to theam header its not saving ! this is the header.php file’s code: <!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 */
?>
</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
