Search Results for 'mobile theme'

Results from the Forum
pet76
tagDiv Member

hi i been installed the theme, i need hel with this i saw file call patch_1.7_1.7.1 what the mean we need over write?
i was trying getting good score google speed but i got 44/100 and both mobile and desktop, i have dedicate server and installed APC i been follow all instruction but i would like get support if ami doing some wrong

planetvic
tagDiv Member

I added the code in and it still does not work.

I originally had the following in the css in the theme panel in order to create the bold and font size.

.header-logo-wrap .td-logo-text {font-weight: bold;}
.header-logo-wrap .td-tagline-text { font-size: 20px; margin: 6px 0 0 30px; color: #222; }

I have tried it with and without your code and it still does not work on my Vodaphone Smart 3 mobile phone.

Vic

nitakoi
Participant
#0

Hello
I use newspaper theme. I have some problem on tablet and mobile.
First,on mobile phone, the images size on slide have problem.
You can see fromthe screen shot. http://screencast.com/t/5QulFl26
I would it to be like your demo. like this http://screencast.com/t/gZY41yImD

Second,on tablet,I would like to fix about the title.
I would like to show the whole title. http://screencast.com/t/3fEwjUaq4BwG

thank you

Lucian
tagDiv Staff

Hi,

A test on our demo shows that its mobile friendly and doesn’t have any issues: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F

According to google your site appears not mobile friendly due to multiple reasons: http://screencast.com/t/082WVTNfz

I suggest you test this first without using any plugins, leave just theme’s Visual Composer plugin and also make sure that you disable all html/js compression and test again.

Also make sure that you follow their instructions on how to unblock resources and let google bot view your page correctly, all this guides/tutorials are provided by google in your test page:

https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/blocked-resources?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link
https://developers.google.com/webmasters/mobile-sites/references/faq?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link#whats-the-difference-between-the-pagespeed-insights-ux-score-and-the-mobile-friendly-test-results

Please also note that the mobile friendly test is a new feature from google, the mobile friendly algorithm being released by Google on April 21st so we haven’t dealed enough with it to fully understand it. You can do it yourself though and go trough their guides/documentation to learn more about it: https://developers.google.com/webmasters/mobile-sites/get-started/?hl=en-US&utm_source=MFT&utm_medium=incoming-link&utm_campaign=MFT

We will release the new version 5 of newspaper theme which will be a major update with new design and lots of new features and we will make sure that we’ll test it with this new tool from google.

Thanks

Bichareh
tagDiv Member

I want to do it like Yoast with the <h1>. How can I wrap the logo in h1 like this on desktop and mobile?

<h1 class="site-title" itemprop="name"><meta itemprop="logo" content="http://cdn.yoast.com/wp-content/themes/yoast-theme/images/header/logo_x2.png"/>Yoast</h1>

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

The top menu was not designed for mobile screens that’s why is hidden so displaying it you may need some other modification.
Please use this custom css in Theme Panel > Custom Css to display top menu and hide the wp bar: http://screencast.com/t/yiAFzcsSWtD

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
#wpadminbar {
display: none;
}
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I have checked your site and the images are loading also on mobile devices. If you want to disable lazy load feature there is an option in Theme Panel > Template Settings: http://screencast.com/t/4UcPOSoS46
If this is not what you mean please provide more details (which mobile device did you use), also you can check this without any plugins active, leave just Visual Composer active and clear cache. Disable also js/css minification.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You can use media queries to hide it mobile view:

@media (max-width: 767px) {
.td_block_big_grid {
display: none;
}
}

Just paste the code in Theme Panel > Custom Css and also if you want to hide the Big Grid only on home page please add .home class – .home .td_block_big_grid

Thanks!

jonnexen
Participant
#0

Hi everyone,

I have problems with my mobile site. Google is telling me that it is not optimized

https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.boxen1.com

I’m using the newest version of Newspaper Theme. My Domain is boxen1.com – can you please give me some advice?

Many Thanks

mpindado
Participant
#0

Hi, is it possible to somehow show the theme’s login form in mobile views? In pc and tablet works ok but in mobile the top menu is missing. I would like to use only this form and hide wplogin.php.
Thanks in advance

bbross
Participant
#0

Hi in my site the images disappear on mobile. I have test it with anothe theme and it works fine. Can you help me?. Thanks

http://bbuzz.me

GadgetViper
Participant
#0

Site Speed test results: Pagespeed Insight

Hi,

I’m trying to improve the speed of the site, my mobile speed results are currently only 40/100
I’ve got Gzip on, I’m running Total Cache, I’ve compressed all images with EWWW

I have tried the TagDIV speed booster plugin with the steps outlined on this page

However, the list it produced didn’t seem to correlate with the actual page insight results (with the exception of a couple)

list:

registered scripts
jquery |
hide-this-part-js | http://gadgetviper.com/blog/wp-content/plugins/hide-this-part/js.js
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://gadgetviper.com/blog/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wpar-style | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/css/style_admin.css
font-awesome-styles | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/inc/font-awesome/assets/css/font-awesome.min.css
wprs-admin | http://gadgetviper.com/blog/wp-content/plugins/wp-rich-snippets/assets/css/style_admin.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
responsive-lightbox-lite-admin | http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/css/admin.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
bws-admin-stylesheet | http://gadgetviper.com/blog/wp-content/plugins/captcha/bws_menu/css/general_style.css
font-awesome | http://gadgetviper.com/blog/wp-content/plugins/js_composer/assets/lib/font-awesome/css/font-awesome.min.css
jetpack-icons | http://gadgetviper.com/blog/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Skip to main content

Page Insight:

JS (8)

http://gadgetviper.com/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/jquery.rating.pack.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/custom.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/colorbox/jquery.colorbox-min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/nivo-lightbox/nivo-lightbox.min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/inc/script.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.5

CSS (27)

http://gadgetviper.com/…dburner-form/control/fbstyle.css?ver=4.2
http://gadgetviper.com/…assets/css/bootstrap_tab.min.css?ver=4.2
http://gadgetviper.com/…s/css/bootstrap_dropdown.min.css?ver=4.2
http://gadgetviper.com/…tabs/assets/css/res_tab_icon.css?ver=4.2
http://gadgetviper.com/…ns/wp-reviews/css/flexslider.css?ver=4.2
http://gadgetviper.com/…nt/plugins/captcha/css/style.css?ver=4.2
http://gadgetviper.com/…t-form-plugin/css/form_style.css?ver=4.2
http://gadgetviper.com/…/nivo-lightbox/nivo-lightbox.css?ver=4.2
http://gadgetviper.com/…htbox/themes/default/default.css?ver=4.2
http://gadgetviper.com/…der/rs-plugin/css/settings.css?ver=4.6.5
http://gadgetviper.com/…views/css/user-rating/rating.css?ver=1.0
http://gadgetviper.com/…eviews/css/colorbox/colorbox.css?ver=1.0
http://gadgetviper.com/…/jquery-ui-1.10.3.custom.min.css?ver=1.0
http://gadgetviper.com/…plugins/wp-reviews/css/style.css?ver=4.2
http://gadgetviper.com/…wp-reviews/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ppets/assets/css/style_front.css?ver=4.2
http://gadgetviper.com/…ets/assets/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ns/wp-pagenavi/pagenavi-css.css?ver=2.70
http://gadgetviper.com/…/assets/css/font-awesome.min.css?ver=1.0
http://gadgetviper.com/…esome/css/font-awesome.min.css?ver=4.4.2
http://gadgetviper.com/…/plugins/jetpack/css/jetpack.css?ver=3.5
http://gadgetviper.com/…content/plugins/hide-this-part/style.css
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://gadgetviper.com/…form-7/includes/css/styles.css?ver=4.6.2
http://gadgetviper.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://gadgetviper.com/…emes/Newspaper-child/style.css?ver=4.6.2
http://gadgetviper.com/…og/wp-content/themes/Newspaper/style.css

I’m wondering are able to provide a list of corresponding id’s for some of the above that I can try adding to the td-speed-booster.php file or should I just take every ID from the list and paste them into the speed-booster.php?

Any suggestions you can make would be greatly appreciated, I was considering trying Better Wordppress Minify Not sure is it’s compatible with the theme or not?

Cheers

ajaffarali
Participant
#0

For some reason the ads that show up on desktop are not appearing on mobile version. These same ads work fine on another site of mine using the same theme on mobile. Also I’ve made sure that ads are not disabled on mobile in theme panel.

http://www.tbreak.com/movies

Alin [tagDiv]
tagDiv Staff

Hi,

Jetpack plugins is recommended for Tiled Gallery and the Carousel so if you don’t use this features I suggest to not use it – https://forum.tagdiv.com/how-to-make-a-gallery/ Also the theme is already responsive so the feature mobile theme from jetpack need to be disabled: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/ This plugin has a lot of features but also it affect the speed of your site.
The jetpack photon feature can cause some issues and while the theme works based on the same system – creates and serves/uses thumbnails for each uploaded image. We have some reports that the jetpack photon feature caused some issues also on Newsmag when used with the theme or other plugins.

Thanks!

GadgetViper
Participant
#0

Hi,

I just bought the Newspaper theme, and installed it on my site I’ve never used the Jetpack plugin before, but as it was recommended, I installed it.

There seems to be a ton of features to choose from, my only interest is making the site as fast as possible. It seems like some would override the existing theme features like “mobile theme” for example.

So far I’ve just activated “Photon”, I wonder if maybe you could recommend which others I should activate, and which to avoid?

Cheers

Lucian
tagDiv Staff

Hi,

The pagination shouldn’t affect the feeds query.

I’m not aware of your mobile application but I’ve also tested this using wordpress’s RSS widget and this configuration: http://screencast.com/t/VabrduYFE1Jv the posts were displayed all even if the category set has 2 pages: http://screencast.com/t/VyaSwfJXBeEY

You might try to increase the number of your feeds items from here and test again it might make a difference: http://screencast.com/t/GhonZm0gkVu

You can also try to search online for a page parameter similar to this which you can use, unfortunately this seems that is not working anymore: http://stackoverflow.com/questions/6765452/wordpress-including-pagination-info-in-rss2-feed

If you can’t manage to do it I suggest you also contact your mobile application authors and let theme know about this.

Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

The top menu was not designed to work on mobile devices, that why there is no option to enable it. You can do this with custom css in Theme Panel > Custom Css, but you may need more css customizations when is displayed on small devices: http://screencast.com/t/jZUxEacY

@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important;
}
}

Thanks!

Lucian
tagDiv Staff

Hi,

This happens because the elements are render in order and the left sidebar comes first. On mobiles the elements are set to float:none and they drop one after the other. Currently we have this issue on the list, we’re looking for a solution.

You can hide the sidebar on mobiles via css or you can use the solution Radu provided in this tread: https://forum.tagdiv.com/topic/rtl-problem-on-change-sidebar-position/#post-40627

We have this on our attention and try to find a better implementation within newspaper 5 theme version.

Sorry for the inconvenience!
Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/kAZOkx4d8

.media-credit-container {
left: 50%;
position: relative;
transform: translateX(-50%);
}

You use a fixed width on this div – http://screencast.com/t/2ByHtLSqy1vM so the image will not be responsive. You need to use media queries and a fixed width for mobile devices for example: http://screencast.com/t/5ZGBUj44khttp://screencast.com/t/ULRAGiLzLG
We think to add a custom template like that, but I cannot tell you a date for it.

Hope this helps!

simchris
tagDiv Member

This is a recent development this year with insights; kind of annoying; and why you get higher score with GTmetrix than insights score. With “responsive” design, images are often resized vs serving an entirely new image as traditionally it was actually faster since the server caches images, especially high request images. However, now the insights score is based on a “mobile user loading the content” as part of the “mobile first” movement, and so it seems there is going to need to be some kind of element added to all themes which load images much like the ad banners used to load the past few years prior to Google adding responsive ad units …

basically…
if viewport large = load big image
if viewport small = load thumbnail

Dumb thing is that in many cases, the larger image being loaded on mobile, e.g., iPad actually works better as a “resized” image, since it effectively makes a 640×400 96dpi image into a 340×200 200dpi image for retina displays by having larger pixel density when the large size is reduced on screen — hence why the images look so good on retina mobile devices without having to reload a “retina image…”

So….. stupidly, they are looking at “bandwidth” not “quality”…

Themes are basically going to have to be re-engineered to “by default” always make something like a 50% thumbnail and serve that on mobile devices.

Even stupider requirement because not all mobile devices have same viewport, and so it’s not practical for every page to constantly load 10 different size “featured images” based on viewport — this is what responsive design partially solved.

Upshot — you can live with suffering the warning for now — everybody is getting this — everywhere.

Not sure how TagDiv will address this, or if some super clever person comes up with plugin.

In our case we’re running mod_pagespeed and just updated last Friday (week ago), in hopes it would have solution for this as part of the “resize images” function (well, subset of “rewrite images”), and that isn’t even doing that with Google’s own technology!

(argh)….

Sorry for editorial. I started trying to deal with this April 1, and was super annoyed by the “actuality” of the issue.

Basically a featured image now has to be treated as an “ad module” and load a different size main image based on desktop v mobile. Show me any themes doing that right now. Nope. Annoying.

Hope that helped in some way …. main thing is to ensure the main images you’re uploading are as compressed as possible. I’ve been trying to make sure our larger images are no more than 25kb vs 32kb. If you have an image with 120kb that can be removed, it might be too big to start with.

No simple answer.

indread
Participant
#0

Hi,

Recently I purchased NewsPaper4 theme for my News portal IndRead. I successfully installed and did all required settings. Its outlook is simply amazing. Here are some of my problems I am unable to find solution for. Wish I could get some help.

Mobile menu and Search button is not working and is showing # link in URL.
Latest article section page 2,3 and so on are also not opening and showing same # in URL.

Parrotpit
Participant
#0

Hi,

First of all i’m not a developer i’m a designer/new to wordpress:.I followed the guide by Chris S, it was little bit hard for me to understand all of that, english is not my main language.I did everything i could to improve my pagespeed.I get 89 on desktop and 74 on mobile.I asked developers at my work, they were unable to help or they just sent me away.
In your guide on eliminateing render-blocking js…. i did everything as said but where or how can i look for ids of these files :
pagespeed insights
This is my ids for all css & js.

registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td-wp-admin-general | http://domain/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://domain/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
akismet.js | domain/wp-content/plugins/akismet/_inc/akismet.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
jetpack-dashboard-widget |domain/wp-content/plugins/jetpack/css/dashboard-widget.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | domain/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
wpalchemy-metabox | domain/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
akismet.css | domain/wp-content/plugins/akismet/_inc/akismet.css
jetpack-icons | domain/wp-content/plugins/jetpack/css/jetpack-icons.min.css
jetpack | domain/wp-content/plugins/jetpack/css/jetpack-banners.min.css

Minify :
Google provides optimized images, JavaScript, and CSS resources for this page.
Is this worth to use? will it work?

thanks.

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately the theme doesn’t have anymore an option for fixed/responsive settings from 4.3 version. Newspaper has an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.

Thanks!

adamcharnock
Participant
#0

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

Alin [tagDiv]
tagDiv Staff

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!

Viewing 25 results - 21,576 through 21,600 (of 22,177 total)