- 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
Hello after updating to version 4.5 because of mobile issues seen in this forum I now am having multiple issues:
Our taboola ads are not showing up. This is the code I had in previous loop-single.php and it worked great:
<div id="taboola-below-article-thumbnails"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'thumbnails-a',
container: 'taboola-below-article-thumbnails',
placement: 'Below Article Thumbnails',
target_type: 'mix'
});
</script>
<div id="taboola-below-article-text-links"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'hybrid-text-links-a',
container: 'taboola-below-article-text-links',
placement: 'Below Article Text Links',
target_type: 'mix'
});
</script>
Also the menu doesn’t snap to the top despite the option clicked. The menu words now have an annoying blue bar under it when mouse over, and the menu still doesn’t work on mobile. Thanks for your help.
Caching is usually the culprit in most things like that. Always good idea to disable all caching before doing updates otherwise you end up loading mix of old stuff and new stuff, as you likely discovered. We had the same issue while running mod_pagespeed, and I learned my lesson on that 🙂
Hi,
I have a problem with mobile logo not showing if use Blog Style on Header Style. Its ok if i want to use others Header Style.
Thanks for your help.
I think disabling and reenabling the cloud flare plugin may have solved this issue.
Was this fixed as I just applied the 4.5 update and it has ruined my mobile version which now displays the wrong icons in the menu: http://epictutorials.com
It works fine on desktop version.
Thanks for your help
Eliot
Hi
url: http://epictutorials.com
Since updating to 4.5 the web version has the wrong icons for the menu bar as pictured: http://www.screencast.com/t/Q7Cyf4dB1B3r
Also the slider no longer works: http://www.screencast.com/t/QfezjjrC6k
Could you help me fix this please?
Thanks
Solved!
Thank you, Lucian.
Hi,
This is happening because the logo it’s missing or not found: http://screencast.com/t/hvHeakNxhAO
Please make sure you have added the logo right in theme panel.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
1. Please use this css: http://screencast.com/t/5EenmywC
@media (max-width: 500px) {
.td-grid-wrap .post p b img {
float: left !important;
margin-right: 23px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: 50px !important;
width: auto !important;
}
}
2. You can try this css, this how it will look on desktop and tablets: http://screencast.com/t/gDgnS2jHD3
This is how it will look on mobile: http://screencast.com/t/j9RW2TjT4G
This is the css:
.td-header-bg {
height: 240px;
}
@media screen and (max-width: 767px) {
.td-header-bg {
height: auto !important;
}
}
Hope this helps!
Thanks
Hi,
I have checked your site on different mobiles but didn’t find any issues with the “events calendar” it looks good to me:
* http://screencast.com/t/X0ugYM9YsdaE
This test screen is at 200px width and still shows fine: http://screencast.com/t/YjtdXGnvfwOO
Please let me know if you have tested this on other devices and found issues with this.
Thanks
Hello Lucian,
I’m sorry but the problem is still there. I think you have resized the browser screen on your computer.
But if you access to our site from a mobile phone (we are using Chrome on Android), the logo is missed, both in the fixed header and in the floating.
https://www.dropbox.com/s/kn5xsscyrwcekq0/Screenshot_2014-10-17-09-09-41.png?dl=0
Please, we need a solution for this.
Thank you in advance.
css for make full width background is working sir…
thanks
but i have problem for make the title on one line if on mobile, 1 line if view from desktop, and if view in mobile make 2 line but line spacing is bad… can you give me css for make line spacing if cute?
for i mean i like this :
http://4.bp.blogspot.com/-39HPKV5TjH4/VECacCbZ7-I/AAAAAAAAAnc/Dn1ta8Ju5Pc/s1600/problem.jpg
Thanks
Hi there,
I have two issues with my site currently.
If you look at my test site here.
http://www.vitalstrengthblog.com.au/webdev/how-to-get-abs-top-6-ab-exercise-mistakes/
1) I have inserted small number images for each point. They look fine on desktop, but when viewed on mobile, they expand and fill the screen. I tried modal on and off, but I can’t seem to fix this. My site has so many if these images and I need a easy solution to lock these images to size. Is there a solution ?
2) I want use the default header style (logo + ad) + menu, as I want the mobile version of the logo to appear on mobile devices. But I need to push down the header space, so you can see my background ad. If I use a transparent image it doest work, if I use an image bigger than 100 px in height it pushes the page content area down or it doesn’t appear at all and the header alignment fix is not doing anything (in theme panel). If I use header style 3, with a transparent image of 240px (perfect height i need) it works, but i get massive clickable area on mobile devices that goes back to home page URL (not good) and i lose the mobile logo on the banner.
I have tried your custom css for inserting a background image in the boxed layout, in theme panel, but that doesn’t do anything with linking my 240px height x 2px wide transparent png. Please note I don’t want a logo on desktop, I need transparent space, bigger than 100px high using style 1.
Thanks for your help.
We have the Events Calendar Pro plugin and have gotten some css to help us with some theme compatibility issues, but we are still having problems with mobile view in portrait (landscape is fine). The calendar becomes smashed up and difficult to read in this view. Not sure if you can offer any insight on why this is happening, but any help would be appreciated.
Hi,
Just trying to understand why the Article title wraps to next line rather than stay on one line for the big slider heading. Is this as a consequence of mobile as the headings are a little large on mobile (samsung s3). Is there a way to change this without css customisation. I’m not keen on making to many customisations to the theme.
Here’s my new blog if you want to check it…
http://aikidohombu.com
Hi,
Thanks for sharing!
I can’t see a way on how you can easily do this, you would have to modify the code, and add conditions to detect the screen’s width and use other thumb size or build another page and enable it for mobiles only via js, either way it’s not an easy task.
Another way would be to use a plugin to manages and customize your mobile content, you could try WordPress Mobile Pack for example(I’m not sure if helps with adding a new image size on mobiles but you can go trough the description/FAQ and see what you can do to your site using it..) or another similar.
Leaving all these aside I don’t think you have to do this. If you look to the page-speed result the suggested fixes don’t specifically include changing the way images are loaded: "Properly formatting and compressing images can save many bytes of data" this manes that you would consider finding another way to properly format/compreess iamges: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization or you can go trough this topic as this issues where discussed over and over again: https://forum.tagdiv.com/topic/pagespeed/
Another matters which affects your page speed are this: http://screencast.com/t/0gVaRWv1CfVJ
so you should also consider fixing those also.
Hope this helps!
Thanks
Hello to everyone. First of all I would like to make a tiny contribution to the forum. In found an excelente and free way to compress images. Just go to kraken.io and upload the images you want to compress. Their free service is really great.
My problem is that in mobiles versions my images are not properly resized and therefore google page speed is giving my site a low score. In my last post (where I use large images), the mobile version of the site did not change it size to adapt, so the score is the lowest I have ever seen: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fvivisaludable.com%2Festilos-cabello-tutorial%2F&tab=mobile
Is there a way to tell the site to resize the images for mobile instead using the original size (desktop). I have searched in the forum but I was not able to find a solution to this.
Thanks in advance!
hi,
If you mean that you want to show the mobile menu on tablet screens if the menu doesn’t fit on one line unfortunately that is not possible.
What you can do is to style the menu via css and make the menu font smaller or use smaller names for your menu items.
Thanks
hi,
i have 9 items in the main menu bar, and in desktop view or mobile the menu working good, but in ipad landscape view the main menu split in 2 lines…
how can fix that problem?
i need if the screen width is smaller from my menu the menu change to mobile view id this is possible
thanx
Hey Lucian,
When using header style 3 I would expect the desktop logo not to be shown on a mobile phone and the mobile logo to be shown in the mobile menu bar.
This does not happen, works fine with style 1 on mobile just not style 3.
Thanks
Craig
Hi,
I’m not sure I understand, when using the header style 3 on mobile the desktop logo will be placed in the menu bar on mobile devices, more exactly the mobile logo will not be displayed when using header style 3 and 6.
If this is not what you wanna point out please let me know and provide more details about this and your site’s URL so I can check this.
Thanks
Sorted, Lucian!
Thank you very much.
Hi,
Have you managed to fix this? I have checked your site and noticed that the logo dose appear on mobile and tables also:
* http://screencast.com/t/j8P6yXT5gLQ (mobile)
* http://screencast.com/t/M62oF6QpsFo (tablet portrait)
* http://screencast.com/t/BjyGUkXGJ (tablet landscape)
Please let me know if you have any other theme related issue!
Thanks
Hi,
The mobile icon it’s set to show up using js on click, some plugins may conflict with this and as a result this issue appears.
Unfortunately your CDN plugin may cause this as ut;s delivers cached files so please make sure you also empty cache and purge files.
Deactivate speed booster also, this may cause something like this also when used in conjunction with other plugins.
Thanks
Hi,
Do you still have any issues with this? I have checked your site and found no problems with it, it displayed and functions well from what I have seen: http://screencast.com/t/mFihB78o
Please let me know if you have any other theme related issues.
Thanks