- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Site:lemonoid.net
Issue: Load more button from the home page takes me to the top of the website and nothing happens. Tried both on mobiles and different computers to no avail.
Please check!
Hello,
I’m trying to improve my page load times on mobile devices. As you can see from this screenshot, things are not looking great:
The theme is serving out full-sized images for mobile devices. However, the plugins seem to only work for feature images and images added via the media browser (this is based on their description, I have not tried them). However, my home page is full of images not served in this way and therefore is very slow to load.
Am I missing something obvious?
Thanks!
Adam
Hello,
I am struggling to raise my page speed score on Google.
When testing my site at the page speed insight tool I get 80 on desktop and 49 on mobile.
I have read the speed guide and everything in your knowledge database, but can’t get a page speed above 80. I would really like to have more than 85 at least.
Somehow I have a lot of rendering blocking css files. How can I get rid of them?
Also I am using the Font “Lato” instead of Roboto Condensed, but my website is still fetching Roboto Condensed…
Thanks for your feedback!
Hi,
1. Now I see your issue with header ad. If you don’t want to use header ad please remove also the code from that section and that space will be removed.
If you want to use header ad on mobile devices I can help you with custom css to hide that space for different sizes of screen using media queries.
2. For example I see that you use post style 8 for your articles. So if you comment or delete title from the code for this template – http://screencast.com/t/iddm2vcxxVW you can use another post styles where the title will be visible(those are not affected by your change in template 8): http://screencast.com/t/Am58acxL9jQ1
3. Replied via email.
Hope this helps!
Hi,
Unfortunately you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens.
You can try this custom css for Top Rated section if you like:
-for phone screen: http://screencast.com/t/YSK0A1LJm5Ju
@media (max-width: 768px){
.aps-wd-products li {
width: inherit !important;
float: none;
}
}
-for tablets: http://screencast.com/t/q6afyieM
@media (min-width: 768px) and (max-width: 1018px){
.aps-wd-products li {
width: inherit !important;
}
}
Thanks!
Oh man I thought it would be easier then that to disable a mobile theme – kinda sucks if were forced into it
You can also simply create three posts …
my-story-name-part1/
my-story-name-part2/
my-story-name-part3/
then put links at top/bottom of each post linking to each page …
kind of like a book serial …
we used to do that, but now we just make it one long thing so folks on mobile don’t get lost and just keep on scrolling …
What is the best method that can be used to make the site appear on a phone exactly as it does on a PC? I tried commenting out viewport in the header.php and that worked for 90% of things but a few of my widgets show much differently on a PC then they do on a mobile – http://www.gadgetfriendly.net
If possible I would like the ‘featured news’ area at the bottom to extend across horizontally like seen on the PC and also for The ‘Top rated’ section to show regular size icons instead of super mini ones.
Thanks!
Well, same images are loaded depending on viewport, so the CSS only changes the @media CSS styles for the size of the view, it doesn’t change the photos on/off .. so if your images are not working for me in IE11/Win74 on desktop, and not for you on mobile, that isn’t really a “responsive” issue … which is just CSS.
CSS also doesn’t change from one day to the next, so unless your server got some update, you updated a plugin where there is now some conflict, etc., the CSS can’t suddenly cause a site to stop working one day and then not the next … it’s just style classes such as “font size 10” vs “font size 16” etc based on viewport.
You might need to try clearing all your caches, turn off plugins except for visual composer, clear your mobile device cache, etc., and revisit.
(Oh, you’re not seeing on desktop either …. might be caching issue … dunno …)
Actually all was fine till yesterday morning… We always add featured images for each and every post of ours…Only new post’s featured images are not appearing in the home page. I can see the featured images while viewing my site from mobile or tablet. But it is not showing in PC or Laptop.. I think the problem is with the responsiveness of the theme… please help!!
Hi thanks… But featured images of my site is not loading on PC/Laptop… But it is appearing on mobile/tablets…I think the responsive of my theme is having an issue.. can u kindly check my site out (www.galaxyreporter.com) and give me a solution …
Hi,
If you look at the following screen
http://mobile.neakriti.gr/sandbox/main-menu.jpg
When main menu exceeds one line, the bounding box still surrounds the first line (upper picture), and if I make this a sticky menu, you see (lower picture) that it appears transparent and into my content.
You can see the problem in your browser if you go into a test website I build
http://w3.neakriti.gr/
Is there an easy way to fix this?
hello
I am going to use newsmag to run html games as a result i need the game to be as high as possible on the screen
a few questions
1. when i disable ads on the top position it doesn’t show the ad any more but the spacing of the ad is still taken – how do remove height spacing completely when the top ad is off ?
2. is there a way not to show post title at all on full post page so it wont push the game down ?
3. I am running games in iframe what is your recommendations for height and width to make games run on the whole width of the template ? when i use fixed width width it doesnt run well on mobile devices
Many thanks for this great theme
Hi,
You can use custom css to overwrite image size for mobile screens: http://screencast.com/t/yxt8K2b4eIr
@media (max-width: 767px){
.td_mod8 .thumb-wrap img {
max-height: 100px;
max-width: 150px;
}
.td_mod8 .item-details {
margin-left: 160px;
}
}
Thanks!
Hi,
Try the following css:
/* hide on desktop */
@media (min-width: 1200px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}
/* hide on mobiles */
@media (max-width: 767px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}Thank you, Emil G.
Hi guys,
I got a mail from Google adsence optimization team asking me to implement this new type of mobile ad:
1) Mobile version – Implement an anchor ad: this is a new ad format that is working really well for mobile. It is a 320×50 ad units that remains fixed in the lower part of the screen, even when the user moves up and down in the page. I share with you the code. It will automatically only show for mobile users.
<script src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:none;width:320px;height:50px”
data-ad-client=”pub-xxxxxxxxxx”
data-ad-channel=”xxxxxxxxxxx”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
params: { google_reactive_ad_format: 1 }
});
</script>
How can i do this within the framework of the ad system in the template?
Thanks in advance!
S
Hi,
I have another question but cannot find the solution in the forum.
The big slider at the front page is gone and I can not get him back.
Anybody an idea how to get it back like the demo? My settings: http://postimg.org/image/f9clpfxnn/
I also have some styling questions; http://s22.postimg.org/q8ycq3uxd/img3.png
Please see the image with arrows;
1) I use the myEventON plugin but would like to markup the title of the widget in the same style as the theme.
How can I make the title section (August + arrows) like the screenshot?
2) It look likes I have many different fonts and would like to use just 1 or 2 fonts in the website. What is the default font and where can I change the font of arrow 2, 4 and 5?
3) Is it possible to show a short excerpt by the posts under the title (arrow 3)
4) If I click at the ‘load more’ button at mobile/tablet the content remains grey and is not show up.
5) How can I remove the number of posts by arrow 5?
Thanks in advance
Well the title is pretty self explanatory 🙂
Hi,
I have checked again and the code works fine (it doesn’t apply for mobile devices): http://screencast.com/t/IKew3aWb – http://screencast.com/t/Z0iVYBzv – http://screencast.com/t/E8DDFvwkqw
Please empty cache if you use a plugins cache.
@media(min-width: 768px){
.home .td_block4 {
height: 180px!important;
}
}
Thanks!
I have Few doubts about ad codes
I wanted to know, do i have to provide different ad codes for different ad sizes or the theme will resize.
For eg
i want to show skyscrapper ad (300×600) on desktop and on mobile i want to show medium rectangle (300×250).
When I click on the mobile menu nothing happens. The search bar opens but not the menu. TripleHQ.com
Hi!
All of a sudden i found out that after i added this height for these blocks it looks bad on mobile devices. Blocks go one on another. How can i do that this additional css code doesn’t work for mobile devices?
Hi,
The issue with post 3 and post 4 can be solved with margin bottom also you can control the height for specific post from the Big Grid with max-height: http://screencast.com/t/9uzxDjQxKY
Replace with the previous css code with this one:
@media (max-width: 767px){
.td-big-grid-post {
width: 100% !important;
}
.td-big-grid-post-1{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-2{
height: auto !important;
max-height: 250px;
}
.td-big-grid-post-3{
height: auto !important;
margin-bottom: 4px;
max-height: 250px;
}
.td-big-grid-post-4{
height: auto !important;
max-height: 250px;
}
}
It is not so easy to have quality for those images(they are stretched via css) as Big Grid was not designed like this for mobile screens.
Hope this helps!
Hi…
I would like to have one single big slider in mobile screen and removing the other small slider like in this image http://www.screencast.com/t/yj9cjdur0unH
This is my site http://www.screencast.com/t/42TROsOSTTe
Needed slide similar to first link image
Thanks
Bharath
Hi,
Unfortunately the theme doesn’t have an option for this. What you can do is to use media queries and customize you homepage to look different on mobile screens(change font size and hide some rows/columns).
For example change font size on mobile screen: http://screencast.com/t/XXN14Px3GI4
Also you can use an extra class for rows that you want to hide on mobile: http://screencast.com/t/tVNpF4zv and use custom css to hide: http://screencast.com/t/N2LGI3Ms4zKK
@media (max-width: 767px){
.hidemobile{
display: none !important;
}
}
Hope this helps!
