- 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 Emil,
I understand what you have said, but not sure on exact “element” to fix.
On a mobile emulator website you can see here http://screencast.com/t/DaCDfWvLI
the left margin or padding has been set in each element on the page through Visual Composer modules.
Now as per this screenshot http://screencast.com/t/CSGN7h8ID that there is no padding etc in each Visual composer element.
Is this a bug within the theme?
If tested the theme on a brand new WP install and it does exactly the same. I hope i do not need to apply a fix every time the theme is used.
As to a fix i understand the @media query setting for css. I am wondering to which class i would apply padding or margin too.
Would it be the body??? as it seems to be only the page elements, not the header etc??
Thanks in advance
Darren
I’m not having any issues with my mobile menu,i’m even using cloudflare and menu still working as entended,it’s not a theme issue are not all of us will have the same issue,it could be a plugin that making issues for your menu too not work.
hi,
can you paste here the link to your site to check this issue.
also you can try to disable all plugins to be sure no conflicts may appear between the theme and the plugins.
I have look at the menu on my install but in my computer seems ok.
Thanks for you message.
Radu A.
Hi,
You have to target only the page you want to apply the css on.
For the homepage you can use the .home class – http://screencast.com/t/ivCwl1Mf8Yk
ex.
.home h4 {
color: red;
}To target only the mobiles you can use the @media syntax:
ex.
@media (max-width: 767px) {
.home h4 {
color: red;
}
}This way the color for the h4 element will be changed to red only on the homepage and only on mobiles.
Thank you, Emil G.
Hi, i like to put sticky footer for ads in mobile version, do you know how?
Thanks
Hamzah
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.
Hi Guys,
I am doing a site here http://www.softwaredesignbiz.com/katrina/
Now on the home page i have applied a 20px padding to all the visual composer elements to have it show nicely on my mobile phone.
But every other page all elements site too far to the left either on a mobile or when you minimize your browser window.
What is the fix here, as i dont really want to have to apply the fix to every element.
Looking forward to your help.
Darren
I can confirm issues on Android. The menu slides out when the browser is at the top of the website but after scrolling down the web page the fixed menu icon does not open the menu.
Hello,
Is it possible to remove the “Similar Articles” section from posts just on mobile? It’s not that I don’t like it, I just think it pushes the comments section and sidebar too far down the page.
Thanks in advance!
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
Same here. Can’t get mobile menu to work since update.
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.
Well I managed to get it working ok on the desktop. I had to turn off rocket loader on cloudflare.com for the sites.
This still does not resolve the issue though for IOS and Android even after upgrading to 3.8.4
Hi I’m having the same issue – trtlmt.com.au. It’s just going to /# when clicked.
Thanks
Hi,
Replied via email.
Thank you, Emil G.
Hi,
I want to know if it’s possible to set different header styles for desktop and mobile. I use the full width center logo + menu for desktop, which looks great! But it doesn’t look good on mobile so I would rather use header 1 style (menu + logo on the right) with a different logo. Is this possible?
Sorry missed the link. http://uweekly.com
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.
Hi,
Please provide more details including the browser versions, the devices you tested on and the sites url.
Thank you, Emil G.
On both safari and android’s browser we are having issues with the mobile menu working correctly. This dosnt seem to be an issue in chrome on android.
I can provide two example sites both behaving the same way. We are running v3.2
Thanks for this tip,i was wondering how to removed mine as well i really don’t like where the search is located because it don’t look good on mobile phones…
hi,
i have tested your Turkies (ğ,ş,ı,ç,ö,ü) chars on iPhone 4, Samsung Galaxy S4 and iPAd 2 and on all devices all chars display correctly.
Thanks for you message.
Radu A.
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
@Fudoki you right … that Async JS and CSS does something
im now 77/Mobile 86/Desktop
from 69/Mobile 82/Desktop
thanks
Hi, thanks again for your answer, now it works reat on desktop but menu still doesn’t appears on my mobile. Anyway, as you say, as the with of the screen gets smaller the menu starts to look ugly. I will try to find a way to make a different menu to be shown on small screens.
Regards,
Pablo.
