- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
There are social media icons at the top of my site (Facebook, twitter, Instagram, etc.) Is there no place on mobile to put these same icons? Like in the menu area? Basically I’m trying to make sure there are social media icons on mobile and I wasn’t sure if this was a setting you have to be able to add them.
Hi, thanks for answers but i want to remove all sections on mobile vers. (search icon, mobile sticky menu etc)
toggle removed, others still there 🙂
Thank you again.
Please try to check the difference between the 4 ipads. If the screen is smaller or bigger for the ones that do not seem to display the images properly. If it works on desktop, or on a mobile phone, then it should work on all tablets properly as well.
Thank you!
Hi, i was wondering if there is any way of changing the menu on a mobile from the header style to the sticky version.
For example i want the <div class=”td-scroll-up td-scroll-up-visible”>
to replace
<div class=”td-header-wrap td-header-style-9″>
Hope this makes sense.
Thanks
Hello atabrb,
Unfortunately, our theme does not have such an option to disable the mobile version, sorry! If you want to quit to the mobile menu, you can use a bit of CSS code to hide the mobile toggle icon to no longer has access to the menu in mobile mode.
The code is ->
#td-top-mobile-toggle {
display:none!important;
}
The result you should see here -> http://screencast.com/t/JiyDQ33F9P9
Hope this helps!
Thank you for the message!
hi, i can’t seem to use jquery in custom code via theme panel.
i’m inserting this code:
$.fn.chunk = function(size) {
var arr = [];
for (var i = 0; i < this.length; i += size) {
arr.push(this.slice(i, i + size));
}
return this.pushStack(arr, "chunk", size);
}
$(".td_module_10").chunk(2).wrap('<div class="chunk-module"></div>');
this code will wrap every two .td_module_10 class to a div class chunk-module.
I just wanna create a wrap on modules so i can do some custom css for mobile optimization such as displaying 2 modules per row like this:
if it doesnt have this wrap in module, it’s hard to control it’s responsiveness in relation to this issue:
https://forum.tagdiv.com/topic/how-to-change-responsive-size-of-module-in-mobile/
as a workaround, i imported a cdn jquery using this code:
it works but it kinda looks messy with the “x” error in theme panel. can you suggest other implementation to use jquery in custom js via theme panel?
Thanks!
Hello,
i want to use another plugin on my site’s mobile version. i can install plugin (tap tap by bonfire).
how can i disable theme’s default mobile menu?
Thanks,
Atakan
Hello,
if i activate “strech row” in visual composer, the moibile-menu is brokes, when the user change the display-size
i don`t know, if i can explain that exactly, so i have made some screenshots:
https://www.asuro.de/files/screenshot_01.jpg
https://www.asuro.de/files/screenshot_02.jpg
https://www.asuro.de/files/screenshot_03.jpg
https://www.asuro.de/files/screenshot_04.jpg
on the first two screenshoots all its fine, but when i change the displaysize (screenshot_03) you can see, that the menu is broken.
IF i deactivate “strech row” it work`s
Maybe you can help me to fix the problem?
Hi
1. I’ve checked your homepage and noticed that all posts displayed in module 15 have the Continur button added. Are you trying to add this button also for posts displayed in sidebar?
If this is what you want to achieve then you can add in sidebar a block which have Read More button included. For example you can use block 12 in sidebar do achieve a layout similar with this one: http://screencast.com/t/FS2qz7uclX0
If this is not what you mean please provide more details about what you’re trying to do.
3. Are you referring at more article box: http://screencast.com/t/UzLDPYifxX If you want to hide that box on mobile use this css in theme panel > custom code > custom css:
@media(max-width: 767px){
.td-more-articles-box {
display: none;
}
}
Thanks!
SO the problem is, when I am on a desktop device everything works just fine, but on a mobile, the first block (named Dont Miss) it looks like this: http://imgur.com/myQv4h2 and only if I click on a Category (all, addictions, etc) it will load properly and show like this http://imgur.com/Q3oWlFd
How can I make it load automatically ? I dont like that it leaves a big white blanc spot 🙂
Thanks in advance.
Is it possible to have the social media on the mobile version? Like at the bottom of the menu area?
Hi,
This is my first thread here.
Today I created a new homepage & set it as a default. Accordingly I changed all the settings in wordpress>reading + disabled wp touch pro as it created some problem.
While browsing my site – iGadgetsworld on mobile, a certain portion of the site (the android section) is going blank. screenshot – http://prntscr.com/anpj1a
Can someone help me out on this?
my site: http://www.igadgetsworld.com
Hello all, I’m sorry for the question as it is not included in the support.
But i’m asking for a plugin for Ads that can make what Newspaper theme can do
As Specifying a size for desktop,mobile,tablets and able/disable for them too.
Thanks in advance!
1. I’m absolutely stuck with being unable to change the hover color Popular Posts in the footer widget at http://trekcore.com/newspaper. I can’t figure it out… I’ve spent an hour experimenting, and can get it to change, but when it changes, it changes a bunch of other hover link colors – so I can’t isolate it for some reason. Maddening and would love your help 🙂
2. On mobile only when clicking an item in the menu that expands to reveal submenu items, it flashes a blue color briefly. Zero clue how to change that…
Thanks for the great theme!
Google got really picky about the render blocking stuff on mobile, so by default it *is* about 20 points lower. That is “normal” unless you do some major hacking to WP.
Once you view my thread and do all you can, the last steps would be a bit complex for average user, which requires
a) unhooking loading Google fonts from the theme, and capturing the CSS from Google and putting that in your style.css file; or for fastest speed replace Google fonts with “web safe” font stack (requires unhooking Google fonts in theme main includes/function file AND search/replace main style.css to optimize fonts used by choosing web-safe font stacks)
b) un-enqueuing the style.css and loading in footer.php; then using criticalCSS generator to put above the fold CSS “inline” in the header.php file.
c) using wp-booster to move all JS to footer
What is “possible” ?
Well, the project I’m working on right now I have
Mobile = 98/100
Desktop = 99/100
UX = 100/100
This is without a caching plugin, using mod_pagespeed, with https, and with photo and user photo (loaded locally, not off gravatar.com)
Hi Andrei,
1. Is there no way to apply this to all articles on the home page?
2. Ok i will try that.
3. When I’m reading an article, i have the “Read More/Featured” article pop up on the side of the screen on mobile. It blocks the article i’m trying to read. See here on mobile. http://dopemag.co/hip-hop/phife-dawg/
Hello Beldar,
If you want to hide some elements for your mobile mode, you have to use a bit of CSS code to do that. Please notice that exists media query for all devices. In mobile case, you have to use @media (min-width:767px){enter your code} and then you have to place in your custom CSS box. For more information about media query, please consult this link -> http://www.w3schools.com/css/css_rwd_mediaqueries.asp Also, if you check deeper your Theme panel, you will notice that below the custom box you have the advanced CSS field, where you can find the code from what kind of element you want to hide for each device.
You have to try to implement yourself because we cannot provide customization services at the moment, sorry! We also can guide you to the right direction.
Thank you for your understanding!
Hi,
There usually is a difference between the mobile and desktop version. We already have this on our list and we will improve the mobile version in a future update.
Maybe you can squeeze a bit more speed by following Chris’ optimization tutorial: https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thank you!
Hi,
when a user on mobile tries to share a post via the browser to facebook, it opens it with browser instead of the facebook app that is installed.
Any solutions to make it share with the app?
Thanks!
Hi,
I’m trying to do something to improve the Page Speed on Mobile
I currently have 94 desktops and only 74 of the mobile
… the difference seems too high: can there is nothing to do?
The Page Speed suggestions for mobile are the usual:
Delete JavaScript and CSS that block the view in above-the-fold content
Remove JavaScript:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
…content/plugins/cookie-notice/js/front.js
…/themes/Newspaper/js/tagdiv_theme.min.js
/wp-includes/js/comment-reply.min.js
Optimize delivery CSS
http://fonts.googleapis.com/…,400italic,600italic,400,600,700&ver=6.7
http://fonts.googleapis.com/…,400italic,700,500italic,400,300&ver=6.7
http://fonts.googleapis.com/css?family=Droid+Serif:400,700&ver=6.7
…content/themes/Newspaper/style.css?ver=6.7
Anyone has any suggestions or managed in some way to improve the situation by changing the code?
If nothing is possible the developers have in mind this critical for future versions?
Thanks!
Hello marcop,
Please try the code below to hide the third sub category level.
The code is ->
.td_mobile_elem_with_submenu_2 li:nth-child(3) {
display:none;
}
The result you should see here -> http://screencast.com/t/TjsH7kpGH1
Thanks.
Hi,
Sorry but your website cannot be accessed. The ralated articles can be removed from the theme panel like so:
http://screencast.com/t/7pIxeN43BTC
The double related articles could be caused by jetpack. There is a related artiles from there as well. If you use it, please disable the related articles, photon and the mobile theme (these last 2 are known to cause issues with the theme)
Hope this helps.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/heykYMp1Sxb
.td-mobile-nav-wrap{
background-color: red;
}
.td-mobile-content li a{
border-top: 1px solid red;
border-bottom: 1px solid red;
}
Thanks!
Hello TagDiv Team,
I can’t find out how to change the background colour of the MOBILE MENU of my theme.
I know in Newspaper you can have a separate function in the theme panel but Newsmag does not come with one.
How can I change the colour using custom CSS?
Thanks,
