Search Results for 'mobile theme'

I removed logo from Theme Panel. But now it also not appearing on mobile beside navigation and search icon.

Hi Lucian,

thanks for your reply. I actually didnt realize that the big slider (in v 4.0.1) is made on purpose. For me it seems very overloading for the user, with 4 articles and the article pictures. Is there a way to bring back to older mobile design of the big sliders but have the newest theme version?

thank you!

Hi, if you’re talking about line-wrap for long lines …
you might look at this:
http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

You’d likely add the line-wrap function you want to the main CSS file for the theme, under the mobile @media section.

This may or may not work for you with this theme; but general settings from a blog called online media masters, and I’ve seen the same settings elsewhere would be as so:

(THIS MAY BE INCORRECT FOR THIS THEME: BE SURE TO TRY SETTINGS FOR YOUR SETUP: KEEP BACKUPS, AND KNOW HOW TO GO BACKWARDS BEFORE USING ANY CACHE!)

—————-
(to quote …)

General Settings
◾Leave unchecked

Page Cache
◾Page cache: enable
◾Page cache method: disk enhanced

Minify Settings
◾Minify: enable
◾Minify mode: auto
◾Minify cache method: disk
◾HTML minifier: default
◾JS minifier: JSMin (default)
◾CSS minifier: default

Database Cache
◾Database cache: enable
◾Database cache method: disk

Object Cache
◾Object cache: enable
◾Object cache method: disk

Browser Cache
◾Browser cache: enable

CDN
◾CDN: enable
◾CDN Type: MaxCDN

Reverse Proxy
◾Leave unchecked

Network Performance & Security powered by CloudFlare
◾If you have a CDN: leave unchecked
◾If you don’t have a CDN: sign up for CloudFlare and use the settings shown in the picture

Note: W3 Total Cache and CloudFare have integrated their products.

Monitoring

You’ll see an option here to sign up for New Relic. This is a tool for monitoring your web and mobile apps performance. It’s more for developers but if you are one, you probably already know about this service. Otherwise, leave it blank.

Licensing
◾Leave blank

Miscellaneous Settings

If you want to see your Google Page Speed score in your WordPress dashboard, there’s instructions in this menu. Otherwise, here are the settings I use:
◾Enable Google Page Speed dashboard widget: enable
◾Verify rewrite rules: checked
◾Enable file locking: unchecked
◾Optimize disk enhanced page and minify disk caching for NFS: unchecked

Debug
◾Leave everything unchecked

Import / Export Settings

If you want to use the same W3 total cache settings across multiple websites, export your settings and import them into the new WordPress sites.

My console log is empty except an error with the adserver once in a while. Which error are you referring to? This shouldn’t cause a conflict with resizing or?

I added the question to stackoverflow (http://stackoverflow.com/questions/24781829/image-width-100-on-mobile-devices-in-newspaper-wordpress-theme/24782288#24782288)

the suggested solution
.row-fluid {table-layout:fixed;}
works on desktops but not on iphone/safari.

Anyways, just being curious, why you use script for rescaling images?

ok its working now.
i removed all the plugins but the essentials and its working currently with blazing page speed. Now adding them one by one back to see what was conflicting… and i noticed once i added W3 cache that it actually slowed down. is that normal? to be fair as i added gzip plugin it even slowed down more. 🙁

would this be the time to optimize with WP-Optimize? it crashed our database last time and im really shy about using it now.

according to google pagespeed insights, its suggesting we Leverage browser caching
– but according to documentation on theme, u suggested only doing page cache. should i active the browser cache option in W3?

also
i noticed in documentation this statement:
make sure that you have APC installed or another ‘op cache’ for php. This will reduce your server response time.We have receive some reports that the accelerator has some problems in some specific configurations with our theme and Nginx.

does it mean we should not use Nginx?

– also, i meant that the SWIPE MENU ON MOBILES or the standard menu on responsive (mobile) is not working.
thanks

@Marius

Hello I tried the coding you provided, The problem I am having is that I want to change the font size of just the (TagDiv) Slide in the sidebar and the code you provided changes the main top sliders size which I want to keep at the original font size. Is there any css code that can just effect the sidebar widget slide?

P.S.: Great theme I enjoy everything about it, including the fantastic support!

• This reply was modified 12 years by randydiaz10.

hi,

can you past your configuration for w3? i installed td_sppedbost + w3total but google speed give me 54/100 for mobile and 83/100 for desktop.

all problems are css/js above the fold.

so.. i don’t know which is the best way to set w3 totale cache.

please esport your settings and give me the file.

i’m on dedicated server.

@manual
best bet for my stuff, is go “backwards” from here as the stuff for htaccess file still good, for Apache/Linux. I’m only running nginx for some stuff on our server, we use Apache for compatibility with 20 years of content and some stuff not practical to reinvent at this time.

mod_pagespeed … I am running kind of a moderate number of things with defaults on server wide, then htaccess for local per site/folder controls/over-rides or “off.” With nginx I think you have to use a config file.

Anyway…. here’s my htaccess minus the 301 stuff:

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

# start WordPress
(removed; might be diff for other setups :-)
# END WordPress

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

Here’s my robots.txt file (again, your needs may vary)

User-agent: *
 Disallow: /cgi-bin
 Disallow: /cgi-bin/
 Disallow: /wp-admin
 Disallow: /wp-admin/
 Disallow: /wp-includes
 Disallow: /wp-includes/
 Disallow: /wp-content/plugins
 Disallow: /wp-content/cache
 Disallow: /wp-content/themes
 Disallow: /wp-content/upgrade
 Disallow: /wp-content/backup-*
 Disallow: /aff/
 Disallow: /search/*/*
 Disallow: /trackback
 Disallow: */trackback
 Disallow: /trackback/

We’re currently not running things off our Amazon CDN for the WP sites, in favor of using the horsepower of the dedicated server with high-speed switch, APC, mod_pagespeed, etc. Not finding it super beneficial to load those 1kb sprites off the CDN, frankly. (Brand new web server Dec. 2013). And for us tweaking is simpler when it’s all using one system, and letting mod_pagespeed fix some stuff.

I was manually minifying the style.css file and couple other things. Have not done that with latest version (just updated last weekend). Simple to do … some of my posts on here reference the websites like css minifier where you can copy/paste your code, make new file and over-write the theme css file to solve that issue (takes 5 minutes).

I had too many issues with the caching plugins so not using right now.

Take Google’s PageSpeed Insights with major grain of salt.

On one of my project sites (not running WP), we have the CSS loading from external file, minified, got pagespeed score of 87 and warning about only 47% of page loading above the fold (menu wasn’t showing up), and this could be seen missing from screen capture. So, we put all the code inline, speed went to 95 desktop, 85 mobile, but warning about above the fold now says only 1% was able to be loaded, but snapshot of screen shows everything above fold loaded properly.

Similarly on our WP install running Newspaper, here’s one of their wonderful “suggestions” ….

Reduce server response time
In our test, your server responded in 0.36 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.

So, apparently 0.36 seconds is considered slow?

🙂

Hello Lucian, thank you for your help.

I didn’t find the code you mention in site.js and from the screen you sent me it seems to be the theme “Newses” and just so we’re clear I’m referring to the theme “Newspaper”.

What I did was eliminate the code below in site.js but is strange because with that, the drop-down list only works in a PC with the option of Android Chrome browser emulation, on Android devices it still doesn’t work and the mobile menu stopped working as well in the two cases.

if (td_is_iPad === false && td_is_touch_device === true && tds_mobile_swipe == ‘swipe’) {
//load fast click only on touch devices, except ipad
window.addEventListener(‘load’, function () {
FastClick.attach(document.body);
}, false);

}