- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi,
You can hide Similar Articles on mobile using css:
@media (max-width: 767px) {
.similar-articles {
display: none;
}
}Add it inside the Theme Panel -> Custom CSS.
Thank you, Emil G.
Hey,
I just realized that I have about 70% mobile traffic on my page. I just compared the layouts of the post of the most successful publishers like buzzfeed, huffington, upworthy, … . I just thought I share my findings.
It seems their best practises are:
- 2 columns of similar articles, straight after the article (same for home screen)
- Their similar articles seem to be random recommendations with a focus on virality. If I reload the page I always get different articles displayed. (not sure how this works with caching. I think they even pull in the first articles through ajax). I think this is really important, since always recommending the same articles doesn’t support users to stay on the page
- pretty small author information (one line), which isn’t taking a lot of space. They put it just underneath the title.
- infinite loading of similar articles
- sharing buttons before and after the article with the button order: facebook, twitter, pinterest, mailto.
- comments are hidden behind small one line show comments button
- the headline of the similar articles have a home button on the right sight
- most space consuming white gaps are removed on mobile.
I hope this ideas help you to further improve your theme 😉
thx for your fast replies!
best, manu
Hi,
You can change the logo on mobile using css. Use the following css (add it inside the Theme Pane -> Custom CSS):
/* responsive phone */
@media (max-width: 767px) {
.td-logo img{
display: none;
}
.td-logo{
background: url('http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png') no-repeat;
position: absolute;
background-size: 130px 60px;
width: 130px;
height: 60px;
z-index: 9999;
right: 5px;
top: -5px;
}
}Replace the logo url with yours.
Thank you, Emil G.
Not sure if you got the emails or not so I will go ahead and post the info here as well.
The latest versions of firefox and chrome on windows 7
IOS 7 (safari)
Android 4.2 with its default browser (works ok in chrome on here)
I also tried upgrading the theme from v3.2 to the latest but that broke the site so I had to roll back to v3.2.
Hello,
First thing first, thank you very much for this wonderful theme. It is very easy to use and understand. My website is Turkish and Turkish has special letters like “ğ,ş,ı,ç,ö,ü” . I have only problem with ğ letter which seen as “space” in mobile device screen. What should i do to correct this fault?
Best Regards,
Burak Özüntürk
I’ve just removed all sliders from my site and my page went from 5mb to 2mb and my score went up to over 82% with all my test i done…sliders slow down your site really bad and for mobile phones is worst..sliders look good on sites but they really put a lot on your site and make it very slow also those social networks that showing counters those make ur site very slow as well…it take me weeks to get my score up and my site load down by removing things that just make my site too slow on mobile devices and slider was one that do that…
CloudFlare play a big role in my score as well because it really help ur site to be very fast,i show my images because i want people to see it’s not the theme that make ur site fast etc it’s all the other stuff you add too ur site that make it very slow,and one more thing that can do a lot too ur site is the “HTML5 Boilerplate .htaccess Optimization” if you don’t used it start it will do wonders to ur site.
HTML5 Boilerplate .htaccess Optimization
Start using this guys you will see big results..take my tips and you will get the same scores as what i show off my own site…
my site is @ http://jahliveradio.com take a test run and see for ur self…
Hi,
Can be done but require some custom work to make a nice solution with 2 menus, what you can do is to unhide the top menu for mobile. Add this CSS in theme panel -> Custom CSS
@media (max-width: 767px) {
.td-header-menu-wrap {
display: block;
}
}Thanks!
Hi,
I’m using top and main menu and they work great on desktop, showing the information I want users to access at first sight. But when you see the page on mobile phones the top menu dissapears and some important links are unaccesible. Would it be possible to create a new menu to be used just on mobile version? It would include items from top and main menu mixed.
As always, thanks a lot for this great theme and support. Regards,
Pablo.
Hi again, i like to create microsite with newspaper theme, is it possible to use same database with my current site. For example, if i create special category with different background, the post in that category also show the background, same as category background.
http://telsetnews.com/category/blog-2/samsung-blog-2/
thanks
Hamzah
Thanks a lot for your answer and support with the theme. I think will give a try to the 4 post / 1 slide option without navigation arrows, and keep waiting for you to find a better solution to this issue.
Regards.
Hi,
Add this CSS in Theme panel -> Custom CSS
.iosSlider .slider .td-sbig-title-wrap .td-sbig-title {
font-size: 15px !important;
line-height: 3px !important;
}Thanks!
Hi,
Add this CSS in Theme panel -> Custom CSS
This is fo9r sidebar and footer
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td-footer-wrap {
display: none;
}
}This is for sub-footer
@media (max-width: 767px) {
.td-sub-footer-wrap {
display: none;
}
}Thanks for the message!
Hi Marius, we’re suffering the same problem with the slider on mobile on ciclosferashop.com. We love the theme and support given, but in this case I would ask for a better solution. What we are working with here are editorial contents. We do an editorial work and if we select 4 contents (not one slide) for our readers, we want those contents to be highligted both on desktop and mobile. At ciclosferashop.com we would like to have only one slide (is there any way to hide the navigation arrows on desktop) with 4 contents, and those 4 contents should be shown too featured on top on mobile. Is there any way to get that?
Thanks a lot in advance for your answer.
The issue is involving using the big slider. When i use and mobile device (not tablet), the big slider only shows 2 of the 8 images to slide thru. Just slide 1 and slide 2 ,then 1 and then 2.
I have confirmed that this happens with another newspaper theme site. What parameters are needed to adjust so that the viewer/user can swipe thru all 8 articles ?
This happens even if there are only 4 articles.
Hi,
This is not an easy task, you need to customize the code to make a floating ads but I’m not sure if Google allow this.
To turn of the sticky menu you can do that from Theme panel http://screencast.com/t/BHV8uzQk
If you don’t have programing knowledge we recommend to hire a developer do to this job for you. We can’t offer custom work, sorry for the inconvenience, we are working hard to support all our product.
Thanks for understanding!
Hi,
@Christopher we fixed this issue with the stock theme some time ago. The style and js is called with style.css?v=theme_version – so with each theme release, we serve different style url so that it won’t be cache.
@MobileCuisine i’ve tested your site and it now looks the same on all the browsers http://screencast.com/t/KPdkQgqSu . It may be a caching issue as Christopher pointed out
Radu O.
Hi,
On our demo the menu works fine, you have an old theme version? Please update to latest version.
Check the demo: http://demo.tagdiv.com/newspaper/
Thanks!
Hi thanks for an amazing theme!
I am building this project locally but have run into the problem where there must be a conflict with userpro and newspaper.
The mobile menu slides out but you have to scroll manually to the top unlike when userpro is deactivated it is automatic.
As I said my site is only local however I found this other users site that has the same issue.
Any help would be appreciated.
Hi marius please check this
http://oi60.tinypic.com/2i7ol5v.jpg
These two menus have both logo over them. But in the screenshot, you can see that each of them behaves differently.
I think fashion menu is supposed to go top when it becomes completely unvisible. But as you can see, it goes top while we could touch it. And even if the main theme has a logo and advertisement above it, it works healthy.
I can’t see any differences between these two menus on desktop. Scroll up causes problems for the fashion.
The main thing I say here is that fashion menu goes top unnecessarily(because we can touch it on its original place) after a little scroll down.
Ok, now I got it. I dont know if I can tell the difference but I will try to.
open your demo page in two tabs
the first tab, make it default theme
the second tab, choose fashion style
scrool down the page in both tabs so that the menu can be sticky.
begin to scroll up slowly and pay attention how the two menu will behave.
When you are able to see headers, you can notice that the default menu does not go up(normal) whereas the fashion menu goes at the top of the browser until it reaches a spesific height.
So it’s not a matter of background as you said, but the menu is kind of broken in the fashion style.
I hope I was clear enough to express myself. Is there anything I can do to fix the menu?
Do you use the retina logo from Theme panel? http://screencast.com/t/qYGhGp1P4 that is for phones with retina. If not don’t use try with this CSS, add it in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td-full-logo .td-logo img {
height: 44px;
top: 3px;
width: 38px;
}
}Thanks!
Hello
we have one issue with the logo display on mobile (Android, Samsung Galaxy S4).
We’ve defined the logo with Theme Panel, but it’s showing big on mobile.
our site: http://www.fantasy-coach.fr
We are not web experts, maybe there is some extra work to do for responsive configuration?
Thanks for your help and support
Best Regards
David
Hi,
Add this CSS in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td_block_slide_big {
display: none;
}
}Thanks!
My page speed result for telsetnews.com is Mobile/Cellular = 75 and Desktop = 90. Im quite happy with desktop result, but i want to speed up my mobile result. do you have any suggestion? Btw, Google recommend me to optimise several thing, such as :
http://telsetnews.com/…/subscriptions/subscriptions.css?ver=3.9
http://telsetnews.com/…modules/widgets/widgets.css?ver=20121003
http://telsetnews.com/…widgets/widget-grid-and-list.css?ver=3.9
http://telsetnews.com/…s/contact-form-7/includes/css/styles.css
http://telsetnews.com/…ootstrap/td-bootstrap-980-responsive.css
http://telsetnews.com/wp-content/themes/Newspaper/style.css
But i don’t know how. Anybody can help me. Or is there any option to speed up my mobile page speed.
Thanks
Nur
Hi,
You can use this CSS, add it in Theme panel -> Custom CSS
@media (max-width: 767px) {
.header-logo-wrap {
display: block;
}
.header-logo-wrap img {
display: block;
}
.mobile-logo-wrap {
display: none;
}
}but the logo if at the top. To move the logo bellow the menu you need to make some code changes.
Thanks for the message!
