- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi,
I would like to remove all mobile responsiveness from the back end of the site. In effect removing all the media queries attributed to all aspects of the editor etc. I would just like the editor to display for desktop and then revert to horizontal and vertical scrolling when the window is made smaller.
Is there a simple way of doing this?
Many thanks
Hi,
Do you refer to the megamenu on mobile screens?
If you do unfortunately theme doesn’t have an option for this and the mega menu was not designed to work on mobile view.
I have checked again your site to be sure that your mobile menu works fine: http://screencast.com/t/3TBS6Aj4IO
Thanks!
Hello,
I have been using your theme for quite some time now. Recently I came across an issue after I installed the theme on a new site of mine.
The issue is, the menu is messed up in the mobile version. I tried it from different mobiles and all seems to have this issue. Could you please tell me why this is happening?
Link: http://www.lemonoid.net
Screenshot: http://prntscr.com/6knj6j
but menu is not working on mobile browsers
Well on mobile devices “responsive” images have to be resized as there is now way of knowing what the actual thumbnail size might be if you have 3 images side by side in a grid; well the width of that grid might change depending on the device.
You *could* add more image sizes to your functions file to build those additional sizes; keeping in mind you might end up with 20 images per raw image (!). If you have the storage space or using CDN, might be worth it.
Or, consider using something like mod_Pagespeed with your hosting provider — which is what we do — if 50 people request a new image size, scaled from larger image — it MAKES ONE and caches it. Wicked cool.
Or, ignore that suggestion and go run the official Google PageSpeed Insights check and if they don’t bug you about those scaled images, just ignore it.
Hi:
There’s a plugin called KN Mobile Sharebar that you can try out and see if it works for you. https://wordpress.org/plugins/kn-mobile-sharebar/
Regards
Hi,
The them doesn’t serve scaled images it uses the WordPress’s built it thumbs system, however some of this images could get scaled or stretched trough css on mobiles due to theme’s responsiveness.
Thanks
Hi,
Just decrease the width from the above code to reduce the images size on mobile and and if you want to hide the excerpt on mobile please use custom css to hide it: http://screencast.com/t/XMmQSva2S9L
@media (max-width:767px){
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 150px !important;
}
.home .td_block_11 .td_module_10 .td-module-thumb {
position: relative;
float: left;
margin-bottom: 20px;
}
.home .td_block_11 .td_module_10 .item-details {
position: relative;
min-height: 135px;
margin-left: 200px;
margin-bottom: 40px;
}
.home .td_block_11 .td_module_10 .item-details .td-excerpt {
display: none;
}
}
If you don’t have basic css/html experience I suggest to get someone to do this for you as we cannot offer custom work. Sorry!
Thanks!
Hi,
You will need to regenerate your thumbnails after you make the change in the module. I’m not sure what you mean when you say that images looks stretched, as I tested this and it is look fine on my side. And on mobile view appears exactly how they are cropped at 681px width. You can use also your solution if you are satisfied or add another size in the module and try to find the best solution for you.
Thanks!
Hi,
@Chris
Thanks for the feedback!
I had a look at this and did found an issue with the recent posts widget.
This was caused by the line height: http://screencast.com/t/k9s67Yd6
You can use the css below to fix it until theme’s next version.
.widget_recent_entries {
line-height: 10px;
}
@Finland
Sorry for the inconvenience!
1. I had checked your site’s mobile version to noticed that it look fine now. That happened due to cache. Clearing it should solve it.
2. We’re currently working to add an option to disable the lazy loading feature on images. It will be available soon.
If you don’t need/want this feature you can use the custom css from below to make the images load with the page.
.td-animation-stack .entry-thumb, .post img {
opacity: 1 !important;
}
3. This issue is under our attention also and we’re currently working on finding the cause of this. We will provide fix for it as soon as possible.
Thanks
Hi,
Thanks for your reply. Is it possible to reduce the size of the images on mobile even more and the text as well? I would like to have this kind of layout in the end. http://prntscr.com/6k9b44
Thanks a lot,
Fab.
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/8ieUjvdSfTz0
.single .td-g-rec-id-custom_ad_1{
float: left;
}For google adsense you have to use td-g-rec-id-custom_ad_1 instead of td-a-rec-id-custom_ad_1 as I did not use adsense in my example.
And now you can hide one on mobile screen from Theme Panel > Ads: http://screencast.com/t/OcID8FG4Ua
Hope this helps!
Hi,
Please edit you header style file and add a div with your logo image like this: http://screencast.com/t/Bd731Jokkn
And add some css code in Theme Panel: http://screencast.com/t/S6drJO1XY5vw
.yourclass{
float: right;
}
Also if you want to hide it on mobile please use this custom css:
@media (max-width: 767px){
.yourclass{
display: none;
}
}
Hope this helps!
Hi,
You can try to use a fixed width also on mobile view like this and display title and excerpt under the image :http://screencast.com/t/eSzFdzj99vl
@media (max-width:767px) {
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
}
Also if you want to display it the same like on desktop please use this css in Theme Panel > Custom Css: http://screencast.com/t/QLMicNRJF6Z
But on very small screens it will look like this: http://screencast.com/t/pHeQo2yiOz
@media (max-width:767px){
.home .td_block_11 .td-module-thumb .entry-thumb {
width: 180px !important;
}
.home .td_block_11 .td_module_10 .td-module-thumb {
position: relative;
float: left;
margin-bottom: 20px;
}
.home .td_block_11 .td_module_10 .item-details {
position: relative;
min-height: 135px;
margin-left: 200px;
margin-bottom: 40px;
}
}
Hope this helps!
Thats other…
This is my website source code:
<script>
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
var td_ajax_url=”http://www.xxxxx.com/wp-admin/admin-ajax.php”;
var td_get_template_directory_uri=”http://www.xxxx.com/wp-content/themes/Newspaper”;
var tds_snap_menu=”snap”;
var tds_header_style=”6″;
var tds_mobile_swipe=””;
var td_search_url=”http://www.xxxxxxxx.com/search/”;
var td_please_wait=”Lütfen bekleyiniz…”;
var td_email_user_pass_incorrect=”Kullanıcı adı yada şifre yanlış !”;
var td_email_user_incorrect=”Email yada kullanıcı adı yanlış !”;
var td_email_incorrect=”Email yanlış !”;
var tds_more_articles_on_post_enable=”show”;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=”0″;
var tds_theme_color_site_wide=”#ff4fb8″;
</script>
Problem is here !
See the other post related to how to disable lazy loading of images. This is a great feature for mobile, but can have some unpredictable results with “some” setups. All major news portals are implementing this, as it makes the mobile experience faster, and long pages load more quickly, but I have also seen this kind of thing happen when I tested this myself with the Newspaper theme a year ago and chose NOT to use “lazy loading” … as sometimes it ended up being “no loading at all.”
It’s a great new theme feature, and SHOULD be there, but no way to one click turn it off.
You will need to edit a couple of files to turn that off for now, it seems.
Thanks, Emil
appreciate the how to. It’s working pretty well on my first upgraded site. Only one instance of waiting an extra second or two for a featured image to appear; seems okay on my iPhone 6 also.
Still, I know we did try using lazy load a year ago with mod_pagespeed, which has this as one of the inherent functions since it’s modifying and caching images on the fly, including webP format conversions where useful for mobile — and we got unpredictable results with some stories which had multiple images on page, where if you scrolled down, sometimes after xxx seconds the images below the fold might or might not appear … and it was up to about a 20% “might not load” situation.
So far I’m impressed I’m not seeing that on my first 1.7 site
http://enewschannels.com
( and yes, I bought another license this past week, too 😉 )
You might need to make a “STICKY” on the lazy load option, as I know with some weird combination of things, which I ran into last year, sometimes images just time out on the lazy load on long pages. But again, so far your implementation is rocking as far as I can tell. Good job folks!
Only bug for me so far is the one odd LI element thing in the WP default recent posts widget with double space at start of each item (or rather line break).
Hello everyone, I am also looking to add Whatsapp share button on my newspaper theme. But I want this button to be enabled for all devices like desktop and mobile phone. Because Whatsapp has released desktop version too. I hope you guys start working for the same as soon as possible.
i like this lazy load but some mobile phones have a problem. iphone and desktop really good.
i test
motorola atrix (loading for 10-15 minutes)
nokia c5 (not load image)
i have 34.500 mobile hit and today bounce rate %82. i think there are many problems other phones. (sorry for my bad english)
first sorry for my bad (so much bad!) english
1- mobile phone search button and logo problem (i test motorola atrix, but looks great iphone)
(i return to Version 1.6 and fix this)
2- very slowly images (today bounce rate %82)
3- custom ad 3 problem i add adsense codes, but everytime auto removed. (maximum 2-3 hour)
How can i fix mobile menu and search button. When i touch these button nothing happen because of the button link. (www.homepage.com/#) how can i fix these button link?
Thanks..
Hi,
I am using block number 11 to show articles on my website and I would like to get the same layout even on mobile (http://hardwarestartup.io). At the moment the images on mobile are really big and the article titles are shown below. I would like to maintain the same layout I have on my website even on mobile (like TechCrunch app).
Is there any way to do that?
Thanks a lot!
Best,
Fab.
i clear cache. can u check my website. is it ok ? not solved my mobile browser, but http://mobiletest.me looks clear.
