- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
I would like to know this as well, please. Thanks!
I looked at an old version of the theme that I have on a demo site and it looked like the retina logo was showing at 340px wide on my iPhone 5.
When I made the retina mobile logo 340px wide in the theme panel, it looks too small now…
Hi,
this is my first post here at the forum, mainly because the theme has worked very well all the time.
I have come across a problem now though after updating to the latest version.
There doesn’t seem to be any options for me of choosing wether i want my site to resize and stack up when being visited from a mobile device or when resizing the current window on a computer.
How do i change this so it DOES NOT resize at all, or resizes only when being visited from a mobile device. Before i updated my site did not resize on any device and although it was a while ago, i remember having changed the fixed sizes.
In Jetpack the mobile option is disabled, i do not have a color or background image chosen in the Theme Panel.
Please help as i do not have time to re-do my site for being optimized for responsiveness.
Site is: http://filmforalla.se
Thanks.
Hi,
Please i have an article with tables in it. But when i post the article it doesn’t show the table after it is published. I installed table press but found out tablepress is not very responsive on mobile.
Can the TagDiv team work on an update that will make table work properly with the theme?
Link to the article with tables in it:
http://www.techcityng.com/iphone-6-and-iphone-6-plus-vs-samsung-galaxy-s5-htc-one-m8/
Hi,
Thanks Christopher!
@eeesirbelly
Please take a look over the settings from WordPress dashboard > Discussion and make sure you haven’t disabled them from Theme Panel > Post settings, you should have this option set like this: http://screencast.com/t/txpFm69v and also make sure you have enabled them from post editing panel, under screen options: http://screencast.com/t/KWbOWzdk
If nothing works please disable all plugins leaving only those that theme requires and check again. Should work fine, we have no issues regarding comments with latest theme updates.
Regarding the icons please point me where on your site I can find this issue. Your icons on mobile look fine: http://screencast.com/t/56mvP2JGn
Thanks
The most important plugins you need to even get this close to getting those scores..as follow
1.tagDiv speed booster
2.Speedbooster Pack Plugin (Don’t use the feature Disable all above CSS options on mobile devices) all the other features can be use but it all depends on ur site.
3.WP Super Cache Plugin this work better with the theme and don’t cause any issues with the theme code.
4. Optimize Database Plugin http://wordpress.org/plugins/rvg-optimize-database/
5.EWWW Image Optimizer Plugin
6.CloudFlare Go to “performance settings tab” and make sure you choose every thing in there…
A.CDN & Full optimizations
B.Simplified
C.Rocket LoaderThis play a very big important role in ur google pagespeed test as well make sure it’ turn on..
D.Auto Minify (JS,CSS,HTML)
E.Minimum expire TTL Make sure it’s set to 5 days not more are less..
Hi there,
I have migrated our WordPress website to live servers and the Newspaper theme looks great. Except for the fact that when viewed on Mobile, the logo doesn’t seem to resize. I’ve looked through almost every forum I could find via Google and tried a whole bunch of custom CSS code, but nothing seems to work.
The URL is: http://www.balukoo.com/.
Could you please let me know what else I can try to do?
Thanks.
Haresh
Hi TheMediumUTM;
Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.
This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.
.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }
Regards
Ecofame
Yes, it’s useful to read the documentation which outlines bow to use W3cache with this theme, if you didn’t already review the thin how-to info:
https://forum.tagdiv.com/w3-total-cache-configuration/
It definitely does work; a large number of us use it 🙂
The most common reason I’ve heard for the result you’re describing is that you have minifying CSS and/or JS turned on in W3 Total Cache. Not all themes play well with minifying.
Hello,
How come sprites are not aligned when I’m on mobile version of the site? It looks someting like this: http://i.imgur.com/Tjkyfsf.png
I tried reinstalling the theme but no avail. Any advice?
Hello,
After activating the W3 Total Cache plugin,
the mobile version of the site stopped working properly.
The menu button did nothing (just redirected to mywebsite.com/# instead of opening the mobile menu on the left. And the search button also did not work and simply redirected to mywebsite.com/# instead of opening the text field for search.
I have the latest 4.2.2 Newspaper.
Please try to fix this.
W3 Total Cache is the highest rated and most complete WordPress performance plugin. All themes must work with it. If Newspaper doesn’t not work with it, I would have to let it go and start using a different theme.
Thanks,
Jan
Hi,
We know about this issue, you will have to send an e-mail at contact@tagdiv.com and we will send a fix for it or you can wait until next theme update, we have already fixed it and will be available with the next theme version.
Sorry for the inconvenience.
Thanks for the message!
I do find the copyright one works on mobile and tablet (at least, mine does).
One way to disable the widgets, although it’s just lazily hiding it, is this:
1. Install https://wordpress.org/plugins/zigwidgetclass/
2. Give all the widgets in the footers you don’t want a class like hide_on_mobile
3. Go to Theme Panel -> Custom CSS and create a class like this:
@media (max-width: 1018px) {
.hide_on_mobile {
display: none !important;
}
}
@media (min-width: 1019px) {
.hide_on_mobile {
display: initial !important;
}
}
Note that you may have to use a different number of px to pick out the exact screen sizes you want. If I remember right, the other breaks used in the theme are 1200, 768, and 480.
Hi,
My site (www.lesniews.com) is working fine on desktop, but not properly on smartphones. I have fixed the setting to “full responsive” in theme panel. Yet, when people open the site on mobile, they get a “default mobile version” showing the page code ! and at the very bottom (which noone sees), a “show full site” link that, when clicked, properly displays the site for smartphones.
I do not see in WP/Theme setting where to fix this. Could you please help as soon as possible.
Thank you in advance for your help and overall great work with this theme,
Best, Yan
Hi,
Please use this custom css to fix this:
@media (max-width: 767px){
.td-header-bg .header-style-3 .td-logo img {
position: fixed;
top: 3px;
z-index: 3;
width: 180px;
height: 48px;
}
.td-menu-placeholder .td-affix {
height: 48px;
z-index: 2 !important;
position: fixed !important;
}
}
Should work like this: http://screencast.com/t/OTIVJzbYW8p
The logo looks like that because of it’s original size, try to add an logo for mobile from theme panel.
Thanks
Hi,
Follow these steps:
1. First you have to register the new-menu, for that go to td_menu.php file and add this line: http://screencast.com/t/WJy9nhodUS
'header-menu-login' => __( 'Header Menu login (main)', TD_THEME_NAME),
You will get this result: http://screencast.com/t/ihF4cmqRgq
2. Secound go to menu-header.php file and add this condition like, this: http://screencast.com/t/OtKQsOJosx0
if ( is_user_logged_in() ) {
wp_nav_menu(array(
'theme_location' => 'header-menu-login',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
} else {
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
3. Do the same for mobile menu, into menu-mobile.php file: http://screencast.com/t/3CQa5fpkw
if ( is_user_logged_in() ) {
wp_nav_menu(array(
'theme_location' => 'header-menu-login',
'menu_class'=> '',
'fallback_cb' => 'td_wp_no_mobile_menu'
));
} else {
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> '',
'fallback_cb' => 'td_wp_no_mobile_menu'
));
}
After this set which menu you want for logged visitors and which for unregistered visitors and test it.
Hope this helps!
Sorry for the delay!
Thanks
Hi,
I’m having an issue with logo display on mobile.
I’m using header style 2, and i’ve configured same image on both places (Logo => Logo upload & Logo for mobile => Logo mobile In Menu).
I had logo problems in the past, and i was told to add following css:
.mobile-logo-wrap img {
height: 100%;
width: auto;
top: 0px;
}
but since recent theme upgrades (older than 4.2.1), i have a new display issue.
Is there a way to use Style 2 and adapt custom CSS ?
my site:
http://www.fantasy-coach.fr
Also, ‘menu icon’ is no more visible on mobile, this is since 4.2.2 upgrade, any advice on that?
thanks for your herp
BR
Hi,
@jenny_moviral
The slider looks like that because was modified, I have noticed that it’s been fixed at 330px height http://screencast.com/t/9iuNrQrt4jNs this is the reason for the slider looking like that and you need 4 posts in the slider not 3 , try to remove that custom css and check if this is still happening.
Also noticed that you are using the 3.5 theme version. We have changed the layout for the slider on mobiles from version 4 if I remember right so you can try it. Make sure you make a backup of your current theme so you can revert back top it if things don’t work well as we made some changes until 3.5 version. http://screencast.com/t/9iuNrQrt4jNs
@mrsky28 Do you have the same problem? Please send me an URL to your site so I can inspect this.
Thanks
-
This reply was modified 11 years by
Lucian.
@Christopher Just to let you know that I have fixed the issue but still messes up the mobile site. So, I moved the plugin from Bootstrap to PurceCSS and it works fine.
Even on desktop! Hoping for a fix soon 🙂
Hi there.
I’m being using newspaper theme for a online news site, but my big slider doesn’t work in the mobile theme, look at this image.

My site is: siete24
Everything in my config looks good, as the matter of fact in desktop looks good as well as you can see if you visit my site.

What can I do? Help me.
Hi, folks
I actually reported this back on rev3; but still here in latest rev4 of theme.
Basically on iPad Retina in portrait, with tagdiv speedbooster on, the > arrow graphic used for previous next post doesn’t render and instead all is seen in an empty [] square. Perhaps change that to » for mobile?
Thanks. Always annoying to me since I check my sites on my iPad at night while watching TV, and that “bug” has been there awhile now. Should be simple fix, so just wanted to remind about that.
Hi,
@TheMediumUTM
You could add the css into an @media which will apply this css only for mobiles if this doesn’t look good, or you can style the looks for mobile using the same @media for mobile screen width.
Sould look something like this:
@media (min-width: 768px) {
.td-big-grid-post {
float: right;
}
.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
}
This will not apply for mobile screens.
Thanks
Hi,
Please add this custom css in theme panel > custom css:
@media (max-width: 767px) {
.td-menu-background {
z-index:2;
}
.header-style-3 .td-logo img {
height: 48px;
top: 0px;
position: fixed;
width: 180px;
}
}
Modify the height and the width to enlarge the logo on mobile screens.
Should work like this: http://screencast.com/t/fcPUHPX2drG1
Thanks