- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
Hi, I realized that the image box I used in my website is not displaying icons well on the mobile view
In desktop view it looks totally fine as below
but in mobile view, the image gets like this
and I am wondering how to display this as in desktop version, otherwise if there is a way to just hide the whole thing in mobile version
Thanks!
Sir,
I Test My Site (https://www.solutioninhindi.com/) Speed Test With
“https://developers.google.com/speed/pagespeed/insights/”
Then Show me lots of Optimization error. I Provide you Optimization Suggestions Link then you can easily understand
Optimization Suggestions
Remove render-blocking JavaScript:
https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4
https://www.solutioninhindi.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1
Optimize CSS Delivery of the following:
https://www.solutioninhindi.com/…form-7/includes/css/styles.css?ver=5.0.4
https://www.solutioninhindi.com/…lugins/td-newsletter/style.css?ver=4.9.8
https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753
https://fonts.googleapis.com/…%2C500%2C500italic%2C700%2C900&ver=9.0.1
https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1
https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc
Enable compression
Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 1.4MiB (85% reduction).
Compressing https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 1,014.3KiB (89% reduction).
Compressing https://www.solutioninhindi.com/…wspaper/js/tagdiv_theme.min.js?ver=9.0.1 could save 155.7KiB (76% reduction).
Compressing https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4 could save 61.9KiB (65% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753 could save 59.1KiB (86% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 55.9KiB (87% reduction).
Compressing https://www.solutioninhindi.com/ could save 55.5KiB (79% reduction).
Compressing https://www.solutioninhindi.com/…-form-7/includes/js/scripts.js?ver=5.0.4 could save 10.4KiB (72% reduction).
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-140.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-272.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-280.png (expiration not specified)
https://solutioninhindi.com/…8/09/Solutioninhindi-logo-544-300×53.png (expiration not specified)
https://www.solutioninhindi.com/…Newspaper/images/no-thumb/td_218x150.png (expiration not specified)
https://www.solutioninhindi.com/…/Newspaper/images/sprite/elements@2x.png (expiration not specified)
https://www.solutioninhindi.com/…th-Se-Android-Mobile-Hack-Kaise-Kare.png (expiration not specified)
https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg (expiration not specified)
https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg (expiration not specified)
https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg (expiration not specified)
https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg (expiration not specified)
https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg (expiration not specified)
https://www.googletagmanager.com/gtag/js?id=UA-109288917-2 (15 minutes)
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js (60 minutes)
https://www.google-analytics.com/analytics.js (2 hours)
Minify CSS
Compacting CSS code can save many bytes of data and speed up download and parse times.
Minify CSS for the following resources to reduce their size by 214.5KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 201.1KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 13.4KiB (22% reduction).
Minify HTML
Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.
Minify HTML for the following resources to reduce their size by 13.7KiB (20% reduction).
Minifying https://www.solutioninhindi.com/ could save 13.7KiB (20% reduction).
Optimize images
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 227.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg could save 60.1KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg could save 51.4KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg could save 43.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg could save 42.7KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg could save 29.8KiB (93% reduction).
Optimizations Already Present
Avoid landing page redirects
Your page has no redirects. Learn more about avoiding landing page redirects.
Minify JavaScript
Your JavaScript content is minified. Learn more about minifying JavaScript.
Hello,
Please notice that our theme only have a retina display support for the existent thumbs of the theme, only for block thumbs. The retina display means that when you are on mobile devices which has a retina display, the theme will automatically be loaded another image with high dimensions for better results on mobile. In your case, the optimal solution would be to upload a large image first to get the same result as the retina. As I saw on your sidebar, you are using a simple image which does not use any theme thumb and that’s why you do not have a retina image effect. Please follow my advice and check the results!
Thanks.
Hi,
If you are using theme mobile you have a special fields in theme panel for ads, also notice that each fields from panel have display on for some devices, maybe one of them is torn off/on ( https://www.screencast.com/t/W5OOsj2fFp45 ).
Thank you for your understanding.
Hello,
I do have a problem with ads displaying on the Mobile Template.
It worked a while ago. I use adsense. Using the iphone 6s.
kunkal.at/football/
Any ideas what is causing the problems?
Regards.
Lukas
Hello,
Sorry but the mobile version cannot withstand 2 columns. Only 1 column can be used on mobiles.
Thank you!
Good morning, how could I place 2 columns within a row for the mobile version?
See example on my website: https://www.todosobrealopecia.com
(would be to place rows of 2 icons each)
And another question, to change the color of the arrow icon in block 3 of the theme?
Thank you very much
Hi,
Lets see if we make the correct steps.
1. First add a row, set the Row stretch on stretch row and content ( https://www.screencast.com/t/Ytg8Z14kR )
2. Step tow set margin top for desktop ( -48 https://www.screencast.com/t/QfyTCPbr ) and mobile ( -32 https://www.screencast.com/t/TqIfLPrdK ) for row.
3. Step three drag a text exactly in the empty row/empty column https://www.screencast.com/t/tpTzvvSlh
4. Step four copy the shortcode for crypto, click on column text, click edit Content https://www.screencast.com/t/j2d4i6aXZX
5. To look better on mobile device set margin left and right for column text -20
https://www.screencast.com/t/zKYj92P3
Hope you’ll manage it.
I am using one of the new themes and it’s great. Thank you guys very much. I have setup an extra footer preference that allows two separate sections. One on the left and one on the right. On mobile this gets overlapped and on PC or Mac this does not line up with the Up arrow. How can I make this all work properly and align?
Thank you! I have been telling people about your theme and I look forward to more people using your layouts and TagDiv composer!!!
Thankyou. It worked fine.
Last thing i want to say that how to remove grey color line for mobile.
View screenshot with arrow
Yes,
The mobile page works correctly.
But on the AMP page, no.
Hello,
I have inspected your website and I saw that your footer logo works as expected, on the mobile format, as you can see here -> https://www.screencast.com/t/miv9BxJM Where is the problem?
Thanks for your understanding!
You can try to put the code for crypto in td composer, lets make a page together:
First open a page with TagDiv Composer ( https://www.screencast.com/t/NoFIJk8c ) , drag a row and drop it at the begin of page, click on the css and set margin top -48 https://www.screencast.com/t/QfyTCPbr change on mobile and set on -32 https://www.screencast.com/t/TqIfLPrdK, look in general for row stretch and select stretch row and content https://www.screencast.com/t/VeCOUfYKiUXd , hover the empty column and click on the row from the left corner of empty column ( https://www.screencast.com/t/CnChA0H7c ) , add a column text in the row . Click on the column text you drag and click on edit content from left sidebar https://www.screencast.com/t/Y44gqFugKJ , peste the code here https://www.screencast.com/t/01CfhNhT , save the page and view it!
Let me know how it works.
Hello trailblazer,
The AMP and Mobile theme are two different plugins which do not depend on each other. You can use them together because does not exists any restrictions in this case. -> https://forum.tagdiv.com/the-mobile-theme/ -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Please notice that WP Super Cache is only tested with our theme and should bring good theme results. For achieving better results, this plugin has to be configured according to our documentation from here -> https://forum.tagdiv.com/cache-plugin-install-and-configure/
Thanks for the message!
Hi,
Here is an example:
In one row we place 3 Text with image, the 3th we set here layout flip content, and we add an extra class on it ( https://www.screencast.com/t/SwJT2M52f ), select the second one and add an extra class ( https://www.screencast.com/t/SwJT2M52f ), after you do that you need to paste this code in Newspaper > theme panel> Custom code > custom css: https://www.screencast.com/t/1GyADh4uCy
@media only screen and (max-width: 767px) {
.show_in_desktop {
display: none;
}
}
@media only screen and (min-width: 768px) {
.show_in_mobile {
display: none;
}
}
See results desktop: https://www.screencast.com/t/6yUQglzX5Eu
Mobile: https://www.screencast.com/t/bXpSk4sFe2jj
Thanks.
Hi, i already disabled sidebar for mobile via below css:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}
}
Now i also want to disabled all four footer widgets for mobile.
Click to view screenshot
Thank you.
Hi,
Could be caused by the Cloudflare rocket loader, same as in this topic
– https://forum.tagdiv.com/topic/mobile-search-appearing-on-desktop/
I’ve found that WP Super Cache severely slowed down the site. It took 3 minutes to save a post.
My web host made these changes for me and now the site is 50% faster.
> Disabling W3 Total Cache and Fastest Cache
> Enabling Cache Enabler & Autoptimize
> Database Optimization
> PHP 7.0 Value tweaks.
Do you think these changes affect using the Mobile Theme?
How to fix it this at mobile? 🙂
https://imgur.com/n60H9c1
I have not gotten a chance to do the update of the theme btw. Sorry was that one of the suggestions in fixing the mobile shopping cart issue?
Thanks so much for getting back to me. So disabling the theme worked in getting the product to show up to the cart and check out correctly. The only issue with that is that my mobile site looks the old way and no longer using Newspaper theme. I was really thrilled about using Newspaper theme on my mobile view because that’s what I purchased it for. Is there any other suggestions you may have for me where I keep the theme and the functionality will work? Is the theme set up to be able to accept orders via mobile and WooCommerce checkouts or does it not support these kinds of transactions?
Hi, I want to improve the mobile experience visitors have to my newspaper theme website. Will activating the AMP and Mobile these plugins do it? Here are a few questions I have:
Do I need them both? Can I use them both? Is both better than one?
Have you had any problems with either of these plugins on version 9?
Can I just activate them, or is there configuration that must be done?
I notice that the mobile menu flashes for about 1 second then disappears and the page loads normally. What is that and how do I fix it?
You’ve done a similar work, but the same problem has emerged in mobile view.
I am also facing a very confusing issue here as well that I would appreciate your urgent help with – this current page works fine on desktop (https://flockaero.blog/library/). However, on my phone it shows a blank page with a title – I have de-activated the tag Div Mobile plugin however it still shows a blank page, what is the issue?
