- 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,
My ads are being cut off in the sidebar, see: http://take.ms/r2WFe
Also when disabling the header ad for mobiles it’s still showing up…
Please advise…
Hi,
Please check this topic to change the mobile menu color – https://forum.tagdiv.com/topic/how-to-change-mobile-header-color/#post-54699
Also please provide more details about the above css code that you paste it in Custom Css section. It doesn’t work? As I have check some of your code and it works.
Thanks!
How we go to change this color? Thanks 🙂 i not find it on Newpaper 6 tutorial
Hi,
Do you use the latest version of the theme 6.1? There was an issue in version 6 but it was solved in last update. You can check this solution – https://forum.tagdiv.com/topic/after-theme-update-ads-appear-alight-right-side-on-safari/
This css comes from the plugin that you use for comments, please try this custom css in Theme Panel > Custom Css and see if it works – http://screencast.com/t/VL9of1MX8
.fyre .fyre-comment-action-button, .fyre a.fyre-mobile-action-button {
height: 25px !important;
}
Thanks!
Hi,
1. I have checked your article and did not found inline ad, please make sure you added the code properly, also you can try to increase the paragraph value and see if it appears. Or did you tested this and it doesn’t show up only when you set to appear after 1 paragraph? Please provide more details.
2. This is on our list and we will add an option to change mobile menu color in a future update. You can use custom css in Theme Panel to change the color – http://screencast.com/t/3zErUt27izvK
@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: red !important;
}
}
3. The scroll up button was hidden for mobile devices, please try this custom css to display it – http://screencast.com/t/2ldIqR7y
@media (max-width: 767px) {
.td-scroll-up-visible {
display: block;
}
}
4. You can find the child theme in /code folder from package that you have downloaded from themeforest – http://screencast.com/t/oLV32AuSmeH – https://forum.tagdiv.com/whats-included/
5. Please try this solution – https://forum.tagdiv.com/topic/related-article-box/
6. The theme supports Font Awesome 4 Menus just install the plugin then take the icon code – http://fortawesome.github.io/Font-Awesome/icons/ and paste it in Navigation Label – http://screencast.com/t/TKqYz6oH5 – http://screencast.com/t/oR2LdrWz
Thanks!
Generally “best” to fit your images to the layout and then allow FB to bring in and optimize and reformat to fit their ever-changing systems for both desktop and mobile; e.g., 470×246 is the size FB most often actually uses for timeline on desktop; with 140×100 for smaller thumbs and 158×158 for square images taken from smaller items.
This only refers to sharing “articles” or posts with featured images, and not “sharing” photo gallery items as single posts themselves.
For our article sites we standardized on 640xXX and for our daily news sites we just to 500×375 and those sizes both work awesomely with Pinterest pins, Twitter cards, and Facebook.
Just some food for thought, not trying to step on your suggestion on any way/shape/form. 🙂
Hi,
The logo is ok now, and favicon is still showing like this in the panel http://postimg.org/image/z7hckb0wh/, but its ok.
In custom CSS I want to change this>
.td-post-template-11 .td-related-title .td-cur-simple-item {
background-color: white;
padding: 5px;
}
.td-header-style-9 .td-logo-wrap-full {
min-height: 100px;
line-height: 100px;
}
.td-post-content p, .td-post-content {
text-align: justify;
}
.td-header-style-5 .td-header-sp-recs {
background: white;
}
.td-subcat-filter .td-subcat-list a {
color: black;
}
.td-excerpt {
color: black;
}
How to change color of the mobile menu?
Thanks
Oki.
First. (missing files) http://gtmetrix.com/reports/www.movzio.com/XJg9IOf2
You need to disable tag div api plugin or fix them, because its calling https://www.movzio.com/wp-content/plugins/td-api-plugin/css/style.css and this file doesnt exist.
second (light files) https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.movzio.com%2F&tab=mobile
You need to MINIFY and COMBINE html, css and js code. I dont like w3 because have too many options, but you can try minify option on w3 :-P. Just exclude style.css
Third (server response)
You are on Nginx and nginx works better whit other cache plugins like WP-FFPC instead of w3, just need to install memcached latest version on your server.
Regards
Mobile screencaps: Misaligned ads
Blackberry Z30, though the commenters have provided feedback that both iPhone and Android OS are getting the same problems. All the Google ads are set to responsive, so they adapt to the size of the computer screen.
1. http://i.imgur.com/LjlykVv.png
2. http://i.imgur.com/cXdRKRQ.png
———————————
Mobile screencaps: Misaligned text on buttons
On a separate issue, the text on livefyre’s commenting plugin is misaligned with this theme on the like and reply buttons:
1. http://i.imgur.com/GqL3cre.png – this is a s
-
This reply was modified 11 years by
MLHS.
http://mapleleafshotstove.com/2015/06/23/tuesday-mashup-no-mccrimmon-draft-trade-talk/ – On mobile and on Safari/Mac the ads are shifting to the right. It happens on every page.
hello I found some issue in the last update of newspaper theme, I write below:
1- I have problem with ADS -> article inline, I have the same old configuration, show after 1 paragraph, but the google ads don’t show: http://android.caotic.it/2015/06/samsung-galaxy-a5-ecco-le-proposte-di-postemobile-per-lo-smartphone-premium/
2- I select header default, but in mobile versione the header bar is black bg, how can I change the color?
3- in mobile versione the button that returns to the top of the page when you scroll does’t appears
4- in your package there isn’t the child theme, how can I create it?
5- How can I delete the “more from author” in related article section?
6- in the menu, don’t show correctly Home Icon menu…as in the old version
many thanks
Hello,
I am trying to disable my header ad on Portrait Tablet and on Mobile but it is not disabling and still showing. How to fix this?
Thanks.
Yasir
Hi,
2. On some headers if you load a mobile logo will use that logo. http://screencast.com/t/IoLqexZQz remove the logo for mobile on that headers.
3. The normal size for a favicon is 16×16, no need to use a large image, in your browser is like that http://screencast.com/t/ku1lucx5vAb6
4. Tell me what you want to change via CSS
5. The CSS from Theme Panel overwrite the default css from style.css. If you want to make it better change the colors manually in style.css
Thanks for the message!
Hi,
1. You’re using a custom page there and the mobile menu doesn’t display mega menus, it just displays the links. In your case it doesn’t know what the custom page contains and it displays only the main link.
The only solution may be to add two submenus to this item and hide them on desktop and tablet using custom css (display: none). The submenu links may be identical to the one used on the megamenu page and they will show up only on the mobile menu.
2. On multi-language you have to add translations for both languages, ex for English + German: – http://screencast.com/t/2wKLA7l9 – https://forum.tagdiv.com/how-to-translate-the-theme/
You have to add this dual translation for each element.
Thank you!
Hi,
Unfortunately we cannot add options for elements from each sections of the theme, but we read and listen our clients suggestion and try to add more options and make a better implementation for this. We have over 250 features on our list(most of them suggested by clients) and we have to chose carefully which one get’s implemented next. Anyway I have added your suggestions on our list and I will answer to some of your suggestion in case that you want to fix using custom css(I know that are suggestions).
1. The top menu(where the social icons are enabled) was not designed for mobile devices. We hope to find a solution also for login/register for example to be displayed also on mobiles. You can use custom css to display social icons on top-menu:
.td-header-top-menu-full {
display: block;
}
2. Please provide more details about what you want to change and how to look, maybe I can help you with some css code.
3. The icons are added like a font – http://screencast.com/t/tEw5qZYM so you can try to change the size or the font content – http://screencast.com/t/53Rk830uVf of course you need to customize to look fine.
4. Unfortunately you will have to use custom css to change color/hover color for footer social icons – http://screencast.com/t/3cw0BttN
.footer-social-wrap .td-icon-font {
color: red;
}
.td-social-icon-wrap i.td-icon-facebook:hover {
color: #fff;
}
6. If you refer to the Big Grid/Big Grid Slider you can use Style 4 please check the demo – http://screencast.com/t/EKVxfdxe – http://demo.tagdiv.com/newspaper/big-grid-1/
Please check this topic for zoom effect – https://forum.tagdiv.com/topic/dark-pictures/#post-54266
Thanks for suggestions!
-
This reply was modified 11 years by
Alin [tagDiv].
I’ve been messing with this stuff while redoing our main business site and some of this new tech is pretty amazing! 🙂 I hit a wall with 100/100 UX, 97/100 desktop, but 91/100 mobile and have been poking away at that to shoot for 95/100 mobile (I can dream ….!). And this is with https and rotating news ticker, lots of photos (no ads, of course), and OpenSans. Too much fun! 🙂
Hope to get this sorted by end of month so I can go back and tweak my WordPress/NewsMag sites. Still need to clean up 1.71 with shim for some tweaks.
🙂
Hi,
I have checked your site on mobile and Big Grid looks fine on mobile – http://screencast.com/t/KMbi8sQIg
1. I have checked you header add and found that you use Ad rotate so the option from Theme Panel > Ads to hide it on mobile will not work as you don’t use the adsense code directly there. You can hide it via custom css: http://screencast.com/t/rMVWKxY7ILe
@media only screen and (max-width: 767px){
.td-a-rec-id-header .g-single {
display: none !important;
}
}
2. The Big Grid cannot be displayed like on desktop because of size of the screen on mobiles, so the small thumbnails of Big Grid will slide on mobile, this is not an issue Big Grid was designed like that: http://screencast.com/t/tnEjKPJF – http://screencast.com/t/TahlBJNM
3. Theme cannot change yor logo color so you can upload a different logo for mobile or change the mobile menu color using this solution – https://forum.tagdiv.com/topic/how-to-change-mobile-header-color/#post-54699 We will add an option in Theme Panel to change color of the mobile menu in a future update.
4. Not sure what you mean, I have checked and you don’t have any Big Grid above footer, please clear cache.
Thanks!
Hi,
Please try this solution to display top-menu on mobile – https://forum.tagdiv.com/topic/v6-template-widget-missing/#post-54650
Unfortunately the theme doesn’t have an option to sign in/register with facebook or twitter id.
Thanks!
I’ve decided to open this thread to help the devs to spot bugs and usability lacks since I love this theme, especially the new version. Here it comes:
1. Missing an option to set mobile header and icons
a. The only workaround is a manual CSS fix
2. Missing an option to style the extended footer (ABOUT US and FOLLOW US)
b. Actually is complicated to manually fix it since DIVs are wrappers and can’t put, for example, a different color on the background without making it uglier than it is. Only thing achievable is text-align:center for titles.
3. Social icons
c. They come in only one flavor and size. Too few to work with
4. Social icons on the extended footer
d. Have to change color and :hover manually but it’s a pain
5. Big slider (the one from v4 theme)
e. It is possible to achieve the same behavior on mobile view (images shown vertically and not horizontally with a bottom scroller) only if “posts to show” is set to 8 (or 12 or 16…). Should be advertised somewhere.
6. Sliders
f. We need an option to turn off the overlay gradient (images are too dark) and another to disable the ugly zoom in picture, please.
7. Translations
g. Are cool! But if you use two (or more) languages don’t mess with the TRANSLATIONS panel! Use Loco Translate plugin instead.
Others will come as soon as I’ll find them.
Keep up the good work!
Hi,
I have checked you site and I’m not sure what is the issue with bottom ad – (desktop 468×60) – http://screencast.com/t/ldOyaue8B – (mobile 300×250) – http://screencast.com/t/Hjlw2BzDPJu
Please provide more details what is the issue with bottom ad or what you are trying to do. If you refer to the size of the ad you can set it from Theme Panel > Ads – http://screencast.com/t/hSDAh0G2dF
Thanks!
Hi,
two questions please,
1. mega menu from pages does not working on mobiles. http://weimaraners.gr/ “Diatmo” menu item. can you give me a solution?
2. i am using qtranslate-x. default language greek and the second english. From theme’s panel i have load greek translation. When i switch to English, theme’s translation does not change to English. Is there any fix for this
ty
How to fixed Eliminate render-blocking JavaScript and CSS in above-the-fold content. See this Image : http://prntscr.com/7jqgau
PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Famazinghealthplan.com%2F&tab=mobile
After I updated Newsmag theme i have some errors, especially with the search bar in MENU. It’s not showing properly, either in desktop and mobile version.
Also, NEWS link is showing duplicate content.
What is wrong? I can’t figure out…
P.S. is there any plugin or something which will correct picture size to fit homepage module?
Regards
Thank you Alin, that solved the issued with the slider on mobile.
However, the slide navigation arrows on a desktop browser still look very tiny and not at all as seen in the demo.
Also, how can I have the post long tittles run all the way to the end of the slider before continuing on the next line?
