- 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
The mobile menu it’s generated by menu-mobile.php file, You can edit this file and add your custom html: http://screencast.com/t/5WSxEkdoyHE You have to carefully edit the file as the html must be inserted inside php which make the task a bit difficult.
Thanks!
hi, how can I customize the menu for mobile? i don’t wanna edit the default styling. i just want to add some custom html to it as well as link texts instead of default submenu to make it more beautiful in mobile.
Hey,
I tried it several times but I still can’t get it the way you’ve shown. If I were to send you my stylesheet, could you possibly make the change for me, while indicating where you made the change? This would be very much appreciated!
Thank you.
I currently hid the third level subcategory “Mexican” from the MegaMenu drop down but the mobile version still shows it. How can I hide it from mobile?
Example: Food & beverage->Food Reviews->Mexican
Hi
Note that this block wan’t designed to be displayed on two colons on mobile devices and there is a chance to appear some issues when you’re trying to change its layout. Try this css instead of the first one, it should work fine now: http://screencast.com/t/fviNy2t48
@media (max-width: 767px){
.td_block_16 .td-block-row .td-block-span4{
width: 50% !important;
}
.td_block_16 .td-block-row:after{
clear: right;
}
.td_block_16 .entry-title{
font-size: 13px;
}
Thanks!
hi, it worked but creates spaces every 3 modules as shown here:
also, how can I decrease font size? it’s too big when i check in my mobile.
By the way ads work great in Mobile only have problem with Desktop view…
I put the code in the “Top Article” and “Bottom Article” section of ADS in theme panel, and close the desktop view but in desktop it shows me and empty space…
Can anyone out there help me with that…
You can see the problem from : http://sonsoz.com.tr/gazetecilere-destek-ha/
I want to remove the white spaces in Desktop and view the adds on mobile…
The code I put in:
<script>
window.fbAsyncInit = function() {
FB.Event.subscribe(
'ad.loaded',
function(placementId) {
console.log('Audience Network ad loaded');
}
);
FB.Event.subscribe(
'ad.error',
function(errorCode, errorMessage, placementId) {
console.log('Audience Network error (' + errorCode + ') ' + errorMessage);
}
);
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk/xfbml.ad.js#xfbml=1&version=v2.5&appId=----------------";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:ad placementid="--------------------------" format="300x250" testmode="false"></fb:ad>
The Sections with ————- are the numbers for my appid and addid so no need for them … đ
Hi, i know that there’s advance css on theme panel for mobile, but how do i change the module size?
please refer from this screenshot:
In big grid, the module is split into two per row. While block 16 becomes 1 big module per row.
How do i make block 16 to split into two per row just like in big grid?
Thanks!
NO i am not referring to the ads mentioned by you
i am asking on category listing page there is a list of articles are appearing .
so i want a 728 X 90 ad unit to be appear on desktop after certain article list.
like this
and 300 X 250 ad unit to be appear on mobile after ceratin article list .
like this
Hello kapunas,
If you want to hide the Next/Prev button for desktop and show them for the mobile mode you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (min-width:768px){
.td-next-prev-wrap {
display:none;
}
}
If you want to reduce the dark gradient for Big Sliders, you have to use a bit of CSS code. Try the code below.
The code is ->
.td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)!important;
}
For your final request, please provide more details about what you want to change because I do not understand better. Also, please provide your website URL so I can further inspect the place.
Thanks.
Hi
In most cases this issue is due the mobile theme module from Jetpack so make sure you deactivate that module if you’re using it. Also try to disable all the active plugins, leave just Visual Composer, clear all caches then test again.
Thanks!
Hi I have WordPress 4.4.2 with Newsmag v2.2 running on it
i want to have a 300×250 ad unit on mobile for this page http://www.koimoi.com/category/bollywood-news/
its a basically a category listing page which lists the articles under the mentioned category
1) i want to have a ad unit in the above listing page
if possible
a) 300 X 250 ad unit for mobile & b) 720 x 90 for desktop
how this can be done ??
give me ans for each questions separately.
hi, i need help with my Theme mobile version please, everything is working fine on the Desktop version, however since a couple of days the Mobile version doesn’t work, it shows only HTML codes and other images but everything very bad, i don’t know what to do and how to fix this, please help me, thanks
my web page is: http://www.fullavantenews.com
Hi!
I just changed my site’s container width by adding this custom CSS code:
.td-container {
width: 1116px;
margin-right: auto;
margin-left: auto;
}
I did that to adapt the posts’ width so that it fits with Google’s 720×90 ad banner. It works very well, I simply changed the site’s width, but I was wondering if that may causes any issues like on mobile or on some screens…?
Or if it’s totally OK to change site’s width with this CSS style.
Thank you in advance!
Hello,
How can I hide the next and previous post links on desktop view and show them on mobile?
How can I reduce the dark gradient that is shown on the Big sliders? I don’t want it gone completely but just reduced so it’s not so dark. I would also like to adjust the speed of the zoom effect if possible.
Could you please tell me what css should be used for an email/text input box and submit button so that it stays inline and lined up on both desktop and mobile views? Right now the submit button drops below and the text input on mobile view as well as the text input is not shrinking and stretching with the different view.
Thank You
Hello, I have problem with change color menu in mobile version.
I don’t know which code html I should add to Custom CSS.
Please help me, because now I have menu in mobile version color #222 and i should change to (example #333333)
Please give me code to change this color.
Best regards đ
Thanks for your reply!
I have 2 sites that duplicate each other for the most part. However, on the bottom of one of the mobile sites it doesn’t say view mobile site. I did not do any customization work to hide the view mobile site on one of my sites??? Why would this show on one site and not the other? I would prefer if that link wasn’t there because when you click it – everything changes to All Text…
Any suggestions? Thanks
Hello thoronews,
I suppose that you want to disable the mobile version on mobile for to be the desktop version for your mobile, correct? Unfortunately, our theme does not have such an option for your desire, sorry! The mobile version is a design choice and it is default implemented on the theme by our developers for a better result in mobile mode and also for responsiveness. If you want to have the desktop layout on your mobile, please notice that is not a simple task and require more additional customizations for better results. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to implement this option for you in our theme because we cannot provide customization services at the moment, sorry! Usually, we recommend the developers from studio.envato.com.
Thank you for your understanding!
Hi
Thanks @Chris for your answer!
@gregy1403 the theme uses the same thumb for mobile version as for desktop, but in many cases the surface which must be covered itâs bigger then the thumb size. A possible solution to increase the thumbs quality for mobile would be to make them bigger by increasing theirs sizes. To achieve that you need to edit td_config.php file: http://screencast.com/t/F419owb1LPKD
Thanks!
Hi,
If you check our live demo on your mobile phone, you will see that it can be zoomed in http://demo.tagdiv.com/newspaper/ (you cannot zoom out unless you zoom in first)
If you have any protections set on your website or on your server, then that is a different issue altogether.
Thank you!
Hi,
You can use the mobile logo for it like so: http://screencast.com/t/o0B6cfTf
Unfortunately there is no third option. It’s either the normal logo or the mobile one.
Thank you!
Hi guys
I’m experiencing low quality thumbnails. Original photo is uploaded and very well looking. But, if i take a look at these pictures on mobile or in category, they are disaster đ
Any setting anywhere?
Thank you
Hello,
When I view my website on my phone it says view mobile version – however this doesn’t work due to the desktop version working just fine. How do I remove the words/link that ask you to press to view for mobile version?
Thanks
How would one enable zooming in/out for people browsing on mobile phones? Im searching through the style css and I dont know where this would be allowed.