- 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
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
Hi,
This is how the Big Grid block was designed for mobile device, unfortunately there is no option to change it display only with custom modifications(css) and it is not so easy, sorry!
Thanks!
Thanks for feedback. One more followup.
If we have a header banner next to the logo, I can go to my mobile and see that one.
If I have two side by side banners UNDER the navigation (using the code above), where on mobile will those turn up?
If I put in 10 side banner ads, where will those show up on mobile?
Ideally, the 3 banners by the navigation show up at top of mobile…then content, then the 10 side banners followed by footer banner, etc.
Is that correct? Is there a mobile test site where I can see where all the banners on a single homepage or post page show up?
Hi,
Suddenly I have seen that the Author avatar image is not in center aligned in mobile views. By default it was in center but now it has changes to the left.
Can anyone help me to fix it.
Please find the screenshot
Thanks & Regards
Debarup
I have both (1)320×100 adsense code and (2) responsive adsense code
How do you configure the theme options to display a 320×100 (not responsive) adsense ad on mobile devices as the first thing on the page (below the nav bar and above the title of the post) so it would be:
NAV BAR (hamburger nav / logo / search icon)
320×100 adsense ad
Title of Post
Share Buttons
Content
And then at the same time use a responsive adsense unit for the header on tablet/desktop versions of the site? Right now I have the responsive adsense unit in theme panel > ads > header and know I can disable it on mobile by switching off “Mobile”. Theme docs say I shouldnt use this, but perhaps it makes sense in this situation?
<div class=”td-visible-phone”>
<!– Your NON AdSense code here – this ad will show only on phones –>
</div>
Thanks!!
Average size for a complex theme is actually about 550KB these days as it combines multiple sizes, shapes, options, layouts, mobile/responsive, etc.
Visual composer is also a bit big.
However the actual footprint is much smaller for web browser via gzip and also with caching in the cloud (e.g., Chrome will cache your data if enough hits come from Chrome users, etc.).
You can also manually “minify” the main CSS file using the tips/tricks from my sticky post on site optimization.
But yes, it’s a bit big for all those features people have asked for (demanded?) — so, there is a lot going on, but it’s better than loading 10 diff. CSS files as it’s actually more efficient for one “packet” …
and some data is actually inlined automatically to help with pagespeed/rating.
There was a post exchange a while back for v4 where I’d asked about what we could “take out” if not using bbpress, woocommerce, multisite, or other things to “trim it” and that would be a good tutorial for Radu or somebody to tackle in a
“what can I take out of the main CSS file”
“what can I take out of the main includes-functions file”
as those are the two big payloads other than visual composer.
Chris
Hi,
I have added following code for the header add:
<div class=”td-visible-desktop”>
<div id=’gba_Banner’>
<script type=’text/javascript’>
googletag.display(‘gba_Banner’);
</script>
</div>
</div>
<div class=”td-visible-tablet-landscape”>
<div id=’gba_Banner’>
<script type=’text/javascript’>
googletag.display(‘gba_Banner’);
</script>
</div>
</div>
<div class=”td-visible-tablet-portrait”>
<div id=’gba_Banner’>
<script type=’text/javascript’>
googletag.display(‘gba_Banner’);
</script>
</div>
</div>
<div class=”td-visible-phone”>
</div>
The problem is that both ads show on desktop and phone?
My site: http://test.leobennews.at
How can i solve this problem?
Hi,
You can reduce the space using custom css in Theme Panel > Custom Css, also on mobile device you have some space issues because you hide the Big Grid row. You can try this custom css and see if it helps – http://screencast.com/t/pjr3MS9dlnDV – http://screencast.com/t/A4vtqpPK
.home .td-footer-wrapper {
padding-top: 0;
}
.home .td-main-content-wrap {
padding-bottom: 0;
}
@media(max-width: 767px) {
.home .td-page-content {
padding-bottom: 0 !important;
}
.td-footer-wrapper .td_block_3 {
margin-bottom: 10px !important;
}
}
Thanks!
Hi,
Newspaper has an fixed grid layout, responsive as it is fluid and styled for desktop/tables/mobile screens. If you add your banners in the sidebar they should be displayed fine on mobile device. If your banner are outside the content, you need custom modifications, as the theme doesn’t have an option to add them like this. We would have gladly made it for you but for the moment we cannot offer custom work, sorry.
If this is not what you mean please provide more details.
Thanks!
Hi there,
I see excessive space between latest posts and Footer menu. Please look into ViralBae.com.
The issue can be much clearer on mobile version. Kindly advice.
Hi good day,
I have Woocommerce (WC) installed and I’ve been testing product, cart and checkout modifications for the last two days. So far I have come across a few decent plugins and I haven’t had to alter the core theme or WC code.
However, now that I’m testing its functionality on mobile (my iPhone 5S so far), I’ve found that “add to cart” isn’t working on the device.
When I tap “add to cart” the page refreshes and but nothing else happens… I remain on the product page, even though I chose the WC setting to redirect to the Cart after adding a product. A brief online search led me to believe that this could be happening due to the different product types, however, both simple and variable products present with this issue.
When I click refresh, I see the message “are you sure you want to submit this form again.” Does this imply that the “add to cart” function was never completed?
Further, I deactivated all plugins except WC and Visual Composer (thinking that maybe a 3rd party plugin was interfering with functionality)… however, the problem persists even with this stripped down version of the site.
Some help would be greatly appreciated. Thanks.
Yuri
Alin,
That got rid of the line. Thank you! However, I have a small issue with the header text now: the h1 title has moved to near the top of the header. Is there a way to add some padding to the top of the title for mobile display only (ipod)? (the text on my laptop screen is still fine).
Thanks,
Doug
When we view the theme on a mobile phone, the top header banner shows up just fine. We plan on having 14 side banner ads that run throughout the websites (on on the right column).
Where do we modify the code so that we can choose to include these ads in the mobile version?
Lastly, can we choose to have them show up after a post verses before a post on mobile? Not sure where to modify that code to include side banner ads or how to show where they show up within the mobile layout.
Thanks.
We are using the ‘default header style’ so that we can put a 728×90 ad to the right of the logo. Works great for mobile as well since the header banner shows up there too. However, we also need to put two banners in the main column under the navigation (see screencap below).
Two questions:
1. Where do we put the ad code so that the two ads under the navigation show up all the time on pages accept when you scroll down and get just the menu?
2. These ‘under nav ads’ also need to show up on mobile devices
When I access my site by mobile, the pages deviated to left a little. Where can I justify it?
My site address is http://epochtimes-cn.fr/
thank you.
Hi,
The more article box was not designed to be displayed on mobile device. It is hidden via css – http://screencast.com/t/Gc2fcp1g
If you want to enable it you will have to edit the style.css to remove this code – http://screencast.com/t/UsMckM1mR
Or you can overwrite it using more specific target – http://screencast.com/t/jckIue23X50x just paste this custom css in Theme Panel > Custom Css and it should appear:
.single div.td-more-articles-box {
display: block !important;
}
Thanks!
Hi,
I have the more articles box enabled in the theme panel, however it does not show on the mobile site when I access it from my phone. I just want to confirm is it disabled as a whole in mobile. Is there any way to force it to appear it on mobile?
Thanks
I removed the background color and also used background-repeat on the image (which helped on large screens), but the same issue exists on the iPod. Is there some kind of gradient overlay on the header that doesn’t stretch on mobile devices?
Doug
Hi
Sorry about that, I provided the right solution but with wrong details. The modification I indicated above disable the sticky menu for desktop, but that remain active for mobile devices.
Thanks for understanding!
Hello Andrei,
i think you didnt get me right. I want:
– Smart Snap on mobile
– WITHOUT having sticky menu on desktop
Thanks for your answer.
Hi
To deactivate the code from mobile devices you will need a script which detects the screen’s width and deactivate the code according by device’s size. This is a complex task and if you don’t know how to do it yourself my advice is to look for a freelancer from sites like http://studio.envato.com/ to do it for you as we cannot offer any custom work at this moment, sorry.
Thanks for the message!
Hi,
@georgemathew46 Not sure what you mean, I have checked your site and the logo is fine on mobile device – http://screencast.com/t/bEwVFDQXWi Please provide more details.
Thanks!
Hello,
You already received a reply here: https://forum.tagdiv.com/search/mobile+friendly/
Our theme was designed to be responsive and mobile friendly. I have done the test myself and the result was this: http://screencast.com/t/qVP6BlVhQG9
I have checked your site on different mobile phones and tablets and seems to display fine.
Thank you!
Just like you, my website uses Newspaper v6.5, and mine is mobile friendly.
Yours is also mobile-friendly as well.
Hi,
I just ask you about this, I did not said that it is not possible. Anyway I will add this to our suggestion list to have a footer template with info content on the right.
I have tested this on my side and you can try this solution on your side. I guess you changed the column 1 position in footer style 3 – http://screencast.com/t/ZPDLTis9wg Now please paste this custom css in Theme Panel > Custom Css and check if you still have this issue on mobile device – http://screencast.com/t/S8tZCIukL
@media(max-width: 767px) {
.td-footer-template-3 .td-pb-span4 .td_block_15 {
float: none !important;
}
}
Hope this helps!
