- NewsmagMain menu
- NewsmagIntroduction
- NewsmagLogo & Favicon
- NewsmagBackground introduction
- NewsmagTheme colors introduction
Hi I am using heading style 3, which works fine on desktop, but the logo is far to high up on the screen when viewed on mobile. Is there some CSS to bring this down over the green menu?
Hello Alin
Thanks.
However, I ONLY need the connexion link not the social icon (to smalls).
Could you please give me the code forthat?
In some other theme we use, in the menu option, you have the choice to create a specific one only for mobile.
It would be a good idea to add this.
Thanks.
Hi there,
Since updating to the latest version of Newsmag, memorial site is not displaying correctly.
If you undertake a search for my site on a mobile device, and then click on the search result, the site that comes up has several problems. My slider and modules don’t show, but the code can be seen. In addition, if you go to the menu, only pages display—none of the posts are available in the menu.
At the bottom of the page, there is a link that says View Full Site, and when you click on this is takes you to the previous version of the mobile site, which displays perfectly well. However, my concern is that when people search on Google, the site that comes up in search results is the incomplete version described above.
I would regretful for you assistance, as it is of course very important for us to have a functioning mobile site when it comes up in search results.
My site is called Expat Essentials and the URL is http://www.expatessentials.net
Many thanks for your help.
Mark Angus
Hello,
I want to add an advertising banner right under my menu, to all the pages ( this shouldn`t be displayed on mobile themes ).
How can I do that ?
Thank you,
Have a nice day
Hi,
@Mr_S As the top bar was not designed to work on mobiles some of containers are also hidden, like in your case a css is to display the top bar(.td-header-top-menu-full) and the other one to show the menu(.td-header-top-menu-full .td-header-sp-top-menu). In case that you had also the social icons widget active(Thomas case) this container also will be visible(it doesn’t have css to hide it).
@Thomas Please try this custom css, this should display sign in and social icons widgets – http://screencast.com/t/jxljko5scU8T
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}
We will consider another implementation, at least for sign in widget.
Thanks!
Hi,
1. Newspaper doesn’t have such an option and you will need to find/use a plugin for this. Unfortunately we did not test any plugin like this, so I cannot make any recommendations and guarantee that it will work, sorry!
I have seen that other users use Mailchip so feel free to test it and see if it helps.
2. Newspaper 6 doesn’t have whatsapp share option, you will have to add it manually in the code if you want this or use a plugin. You can find an example how to add a share button in the documentation(it is newsmag documentation, but it works also for newspaper) – https://forum.tagdiv.com/add-a-new-linkedin-button/
3. Please check this topic – https://forum.tagdiv.com/topic/how-to-remove-author-name-from-posts/
4. I have already answered to this – https://forum.tagdiv.com/topic/create-custom-page-for-category/ Maybe other users have another solution.
5. I have answered here – https://forum.tagdiv.com/topic/multi-column-mega-menu-with-just-text/ Please follow the steps provided there and provide more details what you did not understand maybe I can explain it better.
6. Unfortunately this is how the mobile menu works, we will think to another implementation when a new navigation system will be created. I already answered here – https://forum.tagdiv.com/topic/menu-scroll-issue-in-mobile-devices/
7. You can use the footer style 2 – http://screencast.com/t/FILqBSWWvb9 – http://screencast.com/t/xNSZLYMBt
Thanks!
Hello Alin
The new code works.
But I only have social icons.
Could you give me the code to ONLY have the login sentence: Se connecter/ S’enregistrer ?
It would be better to our user to connect.
But the really cool stuff will be not to have this top menu on mobile but on the right a picto to connect near the search one.
Look this site on a mobile, it is very nice:
http://www.nextinpact.com
Could you do that on newt update?
REgards
Hi,
@Mr_S Please use this custom css in Theme Panel > Custom Css, I have also customize a little your menu items to not drop down – http://screencast.com/t/U997mXqom
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.top-header-menu li a {
font-size: 12px !important;
margin-right: 5px;
}
}
@Thomas If you use this custom css the top-bar will be displayed also on mobile devices – http://screencast.com/t/p0m73r0br4 but it was not designed for this device so you will need additional customization or you can try to hide for example the menu – http://screencast.com/t/8EDkS2RE3
@media (max-width: 767px) {
.td-header-top-menu-full{
display: block !important;
}
}
Hope this helps!
Hello,
I have purchased and installed Newspaper Theme v6.2 on my website. I am facing following issues with it. Let me know how can it be resolved :
Website URL : http://www.naukrinama.com
1. I want to add a Email Subscription form onto my website. But there is no option for the same in theme. How can i get it done ?
2. The sharing options which is provided with the theme doesn’t show me option to share through whatsapp. Can you tell me how can I add whatsapp sharing option ?
3. When i try to share any of my article link onto social media the details which gets fetched from the URL also shows the Author Name. I don’t want to show Author Name in it. How can it be removed ?
4. I have a category named “States” on my website and its slug url is (http://www.naukrinama.com/states). The theme provides an option to select only fixed templates for category.
But i wanted to create a separate custom page for my category which contains some modules and blocks. For that I created a new page with URL (http://www.naukrinama.com/state-jobs). Now I want to make this page the default page of my category. How can it be done ?
Also how can I add category tags on top of a custom page which i have created like the category template page.
5. The “States” menu on my website contains 36 entries and which isn’t getting displayed onto a single screen in menu dropdown. I want to create a multi column text based mega menu in which there would be 4 columns and each would contain 9 entries. Let me know how can this be done ?
6. The menu in the mobile layout is not working fine. The menu gets scrolled with the page itself and all menu entries start moving towards top. Ideally even if the page scrolls the menu should remain fixed. I am not talking about sticky menu here. I am talking open the menu is expanded and then the page is scrolled. See the screenshots below for reference. Let me know how to resolve it.
Screenshot 1 (When open opened) : http://imgur.com/hwyEruq
Screenshot 2 (When Page scrolled) : http://imgur.com/1xLKSp5
See the scroll of the page. Ideally the page should scroll but the menu shouldn’t
7. Current my website is showing 6 sections in footer with 3 in each row. I want to remove the Editor Picks sections and then want to menu the bottom 3 section into one single section i.e. About Us, Logo and Social Links once below another and place that block in place of Editor Picks. Let me know how can that be done.
Looking forward for a revert from development team on these points.
Hi,
I have checked your site and it works fine also on mobile devices, the mobile menu is opens like it should be – http://screencast.com/t/Fosmm3ai3Dfd The # appear because it is added to the menu link – http://screencast.com/t/cYmRygQt If the href property is empty, it will refresh the page, so the # must be used (it will also scroll to the top).
Thanks!
Hi,
Unfortunately the top menu was not designed for mobile device and it is hidden,we will try to find a better implementation for log in widget. yYou can use this custom css to display the sign in widget on mobile – http://screencast.com/t/KOuJW9GW
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}
Thanks!!
Ok Thanks, On the desktop: News ticker, homepage pagination seems to be working fine now, thanks a million.
But on Mobile devices. These problems are still there and mobile menu is still doing the same thing, where by it adds # to end of url. That’s when you browse the site on a mobile as I am testing on my Samsung s4 active. Can you please help fix this for the change to apply on all devices. I haven’t touched cache since you fixed it on the desktop so it should still be disabled Alin.
Kind Regards,
Hi,
Unfortunately this is how the navigation system was created, I will add this on our list and when a new system will be designed the developers will take the final decision how the mobile menu will work.
Thanks!
Hi,
You can use this custom css to hide the mobile menu – http://screencast.com/t/4PI5wkcy
@media (max-width: 767px) {
.td-header-menu-wrap-full {
display: none;
}
}
Thanks!
Hi,
You can try this custom css to change the article title color for all blocks/modules – http://screencast.com/t/autiTAA0G
.td-module-title a {
color: red;
}
For share title – http://screencast.com/t/2sMyyRSUncc
.single .td-post-share-title {
color: red;
}
And for mobile menu background please check this topic – https://forum.tagdiv.com/topic/sticky-header-color/#post-62914
Thanks!
Hi,
I have checked your site and the mobile menu works properly. This is how it was designed to work, the menu is hidden and when you open it, it push the content(entire content) to the right. Also if you have the sticky menu enabled and you open the menu in the middle of the page, it automatically scrolls back to top and shows your menu items.
Thanks!
Hello… For now I’m going to use this as a landing page. So I need to remove the menu when viewed on mobile. How do I do this?
Thanks!
how can I change color for this text?http://prntscr.com/85qutn and for this text?http://prntscr.com/85qpdu and how to change color for mobile menu http://prntscr.com/85qq62
Hi
The theme use those classes like this:
– td-header-row td-header-header to display the header logo on desktop on top of the page: http://screencast.com/t/6h9sroE5s
– td-mobile-logo td-sticky-mobile to display the logo when the affix it’s active (sticky menu) http://screencast.com/t/xe7W55TO
– td-header-logo td-sticky-mobile are used to display the logo on the mobile devices.
Thanks for the message!
Hello,
I have v6.2 of Newspaper theme installed on my website.
URL : http://www.naukrinama.com
The Menu in the mobile layout is showing trouble. When i open up the menu and then scroll the page the menu also starts getting scrolled. Also when i am mid of any page and then open up the menu, instead of showing the top menu options it shows blank sliding drawer as it has scrolled down.
Let me know the resolution to this.
Chris Thank you for your contribution to the community.
I followed the instructions and reached grade 99/100.
When I withdrew the contents of functions.php I collapsed vps server. :(.
What is the procedure when you work with functions.php?
I noticed that the laoding time grew from 2.2 sec to 2.4 sec.
Does anyone have useful advice for mobile devices out there but I have 50. I use WP-rocket.
i put this in end of my file ( i use newspaper 6.3.2 ):
/*CHRISTOPHER’s CUSTOM MODS – 1.10.15 rev15A – (c) 2010-2015 Chris Simmons */
remove_action( ‘wp_head’, ‘wp_generator’ ) ;
remove_action( ‘wp_head’, ‘wlwmanifest_link’ ) ;
remove_action( ‘wp_head’, ‘rsd_link’ ) ;
remove_action( ‘wp_head’, ‘feed_links’, 2 );
remove_action( ‘wp_head’, ‘feed_links_extra’, 3 );
add_filter( ‘pre_comment_content’, ‘wp_specialchars’ );
function no_errors_please(){
return ‘You appear to be up to no good. Please stop now!’;
}
add_filter( ‘login_errors’, ‘no_errors_please’ );
/* Disable YOAST SEO Admin Bar. */
function mytheme_admin_bar_render() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu(‘wpseo-menu’);
}
// and we hook our function via
add_action( ‘wp_before_admin_bar_render’, ‘mytheme_admin_bar_render’ );
function delete_enclosure(){
return ”;
}
add_filter( ‘get_enclosed’, ‘delete_enclosure’ );
add_filter( ‘rss_enclosure’, ‘delete_enclosure’ );
add_filter( ‘atom_enclosure’, ‘delete_enclosure’ );
function remove_cssjs_ver( $src ) {
if( strpos( $src, ‘?ver=’ ) )
$src = remove_query_arg( ‘ver’, $src );
return $src;
}
add_filter( ‘style_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
add_filter( ‘script_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );
function remove_pingback_url( $output, $show ) {
if ( $show == ‘pingback_url’ ) $output = ”;
return $output;
}
add_filter( ‘bloginfo_url’, ‘remove_pingback_url’, 10, 2 );
add_action(‘init’, ‘myoverride’, 100);
function myoverride() {
remove_action(‘wp_head’, array(visual_composer(), ‘addMetaData’));
}
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style(‘js_composer_front’);
}
}
add_action(‘wp_enqueue_scripts’, ‘dequeue_visual_composer_css’, 1003);
Hi,
The entire top-bar meaning menu, social icons, sign in wigdet can be displayed on mobile device but it will not look fine. Also you have to many menu items – http://screencast.com/t/TXZeKqUbxqyY so if you want to show the menu you will have to customize it(smaller fonts, space between items) and use just few items. For example – http://screencast.com/t/dy7Fd7ZD
@media (max-width: 767px) {
.td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-widget {
display: none !important;
}
.top-header-menu li a {
font-size: 10px;
margin-right: 8px;
}
}
Hope this helps!
Good morning Team TagDiv,
We have put a lot of time into migrating from our existing theme to Newspaper only to discover this morning that the top menu does not display on mobile – a critical issue for us:(
My site is a multi-site with six sub.sites, each addressing a particular sub-set of our audience. When displayed in any mobile device with a width of 770px or less, the top header menu is lost.
I searched the forum and found this post:
https://forum.tagdiv.com/topic/top-bar-not-showing-on-mobile/
We then tried the suggestions in that without success.
We then manually added the top header content to the functions.php file (see http://ideas2live4.com) but that is a very poor solution as it results in a menu 500 metres deep. For example, one site – http://architecture.ideas2live4.com has a top header menu to the seven sites plus 8 categories in the main header menu with 15 more categories in the drop downs. And we have still only migrated less than half our content!
Is there a more elegant solution? I truly love this theme but this is a huge hurdle.
Thanks for your assistance.
David Wilks
Hi,
I had a question regarding the css properties of the website.
I wanted to change the colours of the mobile close menu, scroll up arrow and just hover colours in general. The default colour is a light blue type colour when you open the “td-mobile-close”, where it says “Close” the background is light blue and I would like to change it. For the scroll up arrow I believe it is called the td-icon-menu-up and also hover colours in general. I have tried in the theme options and no option seems to be working so I am assuming I will have to change it in code?
What code/file will I need to edit to change the colour to a custom colour? Is it also possible to do it in the custom css option in the theme panel?
Thanks
Hi,
Unfortunately there is no option to change the mobile menu color, we will try to add an option in a future update. Until then you can change the color via custom css in Theme Panel > Custom Css – http://screencast.com/t/mAbN5XIqW
Please try this css: http://screencast.com/t/vTeiZpPnZB
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFD000 !important;
}
}
For the footer there is an option in Theme Panel > Theme Colors(that color it will be applied also on mobile): http://screencast.com/t/hg68WQNZ
Thanks!
