- 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
Hi, I want to add ads in footer (fixed). I mean, ads always appear at the bottom.
But ads only show when visitor using mobile phone. Please tell me, what can i do?
Hi Bogdan,
Thanks for your answer. I’ve followed the instructions that you gave and I was able to place the ad only on mobile.
However isn’t in my desired place. I want to place him between the social share and related articles (number 2 in screenshot) but the ad shows below the related articles (1).
In the screenshot is my shortcode call in the loop-single file.
It’s possible to place it where I want it?
Is there an easy way to rename the wording on td-mobile-close so that Close can be changed to something else?
https://www.dropbox.com/s/dd7tqnb8eu0i9vr/Close-Mobile-Menu.jpg?dl=0
Hello,
I have checked your website and you are not doing anything “wrong”. It’s just the way your menu is set up. You have it set to a custom menu that links to ‘#’. Even on desktop, if you click on “Angebote”, it will do nothing (exactly as on mobile). The difference is that on desktop there is a mega-menu and on mobile there isn’t such an option. So the simplest solution for this is to recreate your menu item and set it as a category item, not a custom link so when you click, it will lead to the specific category.
Thank you!
Sorry, the page was password protected, you should be able to check it out now: http://www.arenainord.no/block18_test/
I guess the reason for the image displaying in such a bad way is because I have the block 18 in a 1/1 column, and it’s intended for a 2/3 column, like in the link that you sendt me. Or am I completely off?
Is there any other way I can display a single post in a 1/1 column? I tried to look at the slide block, but for displaying just one post the arrows and the mobile touch just messes it up.
Hi,
could you look at our mobilmenu please? http://www.vizavi.de
The catagorys “Angebote” and “Termine” are not displayed correctly.
What are we doing wrong?
thx Tom
Just to share some experiences improving site speed for the many who post here to discuss…
What I’ve also done (My site is an independent ‘hyperlocal’ news site – slightly bigger than hyperlocal really) which I think is good practice given FB Instant Articles and AMP (Already on Apple News for almost a year now) is almost ‘forget the desktop’ exists.
Due to 75%+ mobile visitors it seems good practice (if a ‘live’ news site with say 100+ articles per week) to get the site as fast and safe as possible – this may help others
– I’ve removed all home page blocks except ‘ticker’ – a lightweight grid with no slider- and a sidebar
– Removed all plugins or deactivated ones no required all the time
– Implemented Chris S .htaccess and functions.php tips exactly as described – inc image resizing
– Paid Cloudflare with page rules to remove wp-admin etc- following TagDiv recommendation settings except RocketLoader ON – Mirage in ON
– Removed my subscriber pop-up and won’t use one – promote subscriptions via another route – FB ads – Twitter ads perhaps
– Removed SumoMe and anything that fetches CSS externally
– I do run UberMenu on main site and ShiftNav on mobile (for a better user experience) – But run NO mega menu or dropdowns
– Currently RocketLoader (Cloudflare) runs and doesn’t break anything
– Only added Google Analytics via YoastSEO not on Theme Panel box – it’s there and working
– ADDED a user text box to point people to how to navigate the site – believe it or not saying ‘Press load more or click coloured category labels or main menu’ actually gets visitors to do that!
Results –
Before – GTMetrix – PageSpeed B YSlow C Page size (Homepage) 3.2MB Requests – 187 – Load time – about 7-10 secs
Pingdom 5-7 seconds
After – Page Speed A (96%) YSlow B (82%) Page size (Homepage) 1.2MB Requests 96 – Load time – 2 secs
Pingdom 700ms-1.3 secs
The theme still looks great on desktop but it’s not worth getting caught up in the aesthetics if the visitors aren’t looking at the pretty views – it looks brilliant on mobile and that’s what matters.
Hello,
1) You can use this css to change the color, background-color and hover color of the category tags:
.td-animation-stack:hover .td-post-category{
background-color:red!important;
}
.td-post-category{
color:white!important;
background-color:grey!important
}
2) You can use this css to hide the container that is creating the space on mobile:
@media(max-width:767px){
.td-banner-wrap-full{
display:none!important;
}
}
Hope this helps.
Thanks.
Hello,
If you use a custom ad, please only use this method and only use the div’s for the mobile version:
https://forum.tagdiv.com/using-other-ads/
Hope this helps.
Thank you!
Good morning friends!!!!!
I’m with some small problems with my website on the phone
I would like to resolve these small details if possible.
1 – It is possible leave the color, the submenu items category, with the color different from color of the main menu, and with black color with different hover?
The color here is confused with the background with black color
How to change the color of the box?
http://www.screencast.com/t/tZAjY1GTJ
2 – exist very white space above the menu in model 1…
I removed the box of the ADSense. I want to leave the fixed menu at the top.
You can leave the Model menu 1, fixed bonded at the top 100%,
Same as example in model 2 – image A (www.globo.com?
http://www.screencast.com/t/L7jBynrDat
Thanks for attention
Aldemi
Hm. Prefer to do this as a function, by de-enqueuing the hook, and I think I “might” have that sorted. And of course we don’t want anything minified by a plugin as we do that properly for static files for both js and css ahead of time …
Good thought, though, THANKS — appreciate the feedback! 🙂
We will be using WP Super Cache for this particular in house project.
I think I might have it sorted by doing a de-enqueue function, de-register, in functions.php — so just need to test that.
Have 99% on GTMetrix and down to 1.1 sec with photo and https but no caching plugin! — but only 92 desktop and 78 mobile on Google’s PageSpeed Insights test directly, due to the pesky render blocking crap. If I can get that damn last css file to footer, I’ll be in the home stretch.
Trying really hard to get WordPress to be as fast as our static main part of site where we have 100/100 out of all 3 tests with Google PSI. I’ll get there!! 🙂
Hi,
I want to place an custom ad on posts between social sharing and related post on my site (http://soutaoboa.com/as-vezes-um-carinho-cai-tao-bem/). But this one ad should only be visible to mobile visitors.
So:
I have a custom ad 1 and the code is in place (not adsense);
Did a call for the shortcode:
<?php echo do_shortcode(‘[td_block_ad_box spot_id="custom_ad_1"]‘)?> on loop-single file;
On the style.css I have:
@media only screen and (max-width: 767px) {
.td-a-rec-id-custom_ad_1{
position:center!important;
};
The problem is that the ad is there but visible to everyone.
What I’m doing wrong?
Thanks
P.S. I have a child theme.
after updating my theme the rss does not work. Here is the code found in header.php
<title><?php wp_title(‘|’, true, ‘right’); ?></title>
<meta charset=”<?php bloginfo( ‘charset’ );?>” />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<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 */
?>
<body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
<?php //this is closing in the footer.php file ?>
<?php /* scroll to top */?>
<div class=”td-scroll-up”><i class=”td-icon-menu-up”></i></div>
<div id=”td-outer-wrap”>
<div class=”td-transition-content-and-menu td-mobile-nav-wrap”>
<?php locate_template(‘parts/menu-mobile.php’, true);?>
</div>
<?php //this is closing in the footer.php file ?>
<div class=”td-transition-content-and-menu td-content-wrap”>
<?php
td_api_header_style::_helper_show_header();
do_action(‘td_wp_booster_after_header’); //used by unique articles
Hi,
I checked the login form on your site and it seems to display fine on android but on an older iphone I could not close the widget as the x was beyond the screen (smaller screen).
Maybe you can adjust the height of the widget on mobile and make it a % height instead of a fixed one
Thanks.
hi, can you open my website http://www.carmeneverywhere.com in your phone and see if the yellow subscription form is displaying correctly and you can close it by clicking on the “x”? or is it occupying more space than the screen. In my phone it’s not displaying well at all and it only happening since 2 weeks back.
Hello Andrei,
Thanks for the above.
Yes, the email that was last sent was the one I am referring to. Please let me know if there has been a reply as there is usually a lag with my emails.
Looking forward to the next update.
In the meantime, could you point me to where I can find the CSS for the Mobile Menu? I would like to make changes to the style.
Thanks.
Hi
That was the original implementation for mobile menu, whenever the user click on menu icon the page scroll up to top. We will change this in next theme update but at the moment I can’t provide a solution as this task require many changes in theme’s js.
We always answer at all messages from the oldest to newest. On our email address we have only this message from your mail address: http://screencast.com/t/VxiQlew5YXk – http://screencast.com/t/fwwSaaxuiup Please make sure that the message was successfully sent, also try to send the message again and we will get back to you in shortest time.
Thanks!
Hello,
The error you are getting is the jetpack mobile theme which overrides our own. Please disable the jetpack mobile theme option.
Thank you!
Hello,
I would like to know how to stop a specific function of the mobile menu.
Whenever you’re on the site in mobile, when you click the mobile menu toggle, the site will revert back to the top and load the menu.
This is quite frustrating for a user especially if they are quite far down the site and click the mobile menu only to be taken all the way back up.
Is there any way to stop this function? I just want it that no matter where you are on the mobile site, when you load the mobile menu, it loads and does not scroll all the way to the top.
P.S I sent an e-mail to contact@tagdiv.com around 10 days ago and did not receive any reply.
Thanks,
Glitched
Hi!
Just as my topic title says:
I want smart snap on mobile, and on a desktop i want it to always stick.
This is done by simple picking “Smart snap – (mobile)” from the main menu options.
The problem is, when i do this, my logo only shows on mobile, not on desktop?
On desktop it plain and simply shows only a sticky meny row when i scroll down, no logo.
How do i make the logo show on the desktop with this option, without removing the function that its always sticky on desktop and on mobile its Smart snap.
Thanks.
Hello,
I wanted to reach out for advice on setting up the mobile view for my new newspaper site- http://www.livingtosmile.com. When I visit the site there is a blue menu at the top that shows the site pages and then text that says “home [_td_block_1]”
If I click “Visit Full Site” it looks ok.
Thanks!
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
Hi Catalin,
I have applied this code and my top menu appears on mobile. When the device is vertical – on the home page and posts, the menu is aligned left. On regular pages, it is aligned center which is preferable. On categories, it shows only the social.
Any way to apply CSS that would make the home page and posts have the centered menu? And also for categories to show the menu items instead of social?
site – comics2film.com
Inner page example – http://www.comics2film.com/comic-con-dates-schedule-locations-news/
Post example – http://www.comics2film.com/marvel/daredevil/daredevil-season-2-episode-7-semper-fidelis-review/
Thanks
Strange that the mobile version is all OK. I have no idea why it is so ugly on desktop. The featured image for the current post displayed in the block is 1280 × 852 the thumb settings for this block is 696 X 385. I’ve ran the Force Regenerate Thumbnails on several occasions, but it makes no difference on the matter.
Sorry missed message – yes the responsive code is all I used – otherwise on mobiles it looks wrong – try the responsive code and don’t forget to save settings in theme panel
It looks ok on mobile – if you look in Theme Panel it tells you the sizes of thumbnails used for each Block – make sure the one for the block you’re using is ‘switched on’
Upload the correct size images (or larger than the size you need) and run Force Regenerate Thumbnails’ plugin (recommended by TagDiv) you can run it just for the image(s) you need from Media Library – all for all images
Smaller images than the recommended sizes in Theme Panel can’t be made larger by Force Regenerate plugin
