Hi, is it possible to create a block which is horizontally scrollable on mobile devices? It is a great way to help reduce the vertical height of dense pages.
This website (please view on mobile device) demonstrates it very well what I want to achieve on my project.
Hello my problem fits perfectly to the headline of this topic, so I hope you’re not angry beppepicaro, if Im using your place to describe my issue.
Yesterday Ive updated my theme to 8.5.1 and its running fine except one thing.
The mobile layout has shrunken a little bit and it doesn’t look as good as before:
How can I fix it to the previous look?
Sorry, but maybe I was not clear on describing what I want.
Ive used a mobile screenshot (iPhone 7) while visiting the demo site of Newspaper8. As you can see on the screenshot above, there is a layout to display two articles side by side.
So how can I do this?
Thank you very much Bogdan for all your answers.
Nearly all problems I had are gone now.
Unfortunately there is still two bugs I can’t fix.
1) On my old theme it worked great, but now with newspaper 7 there is something wrong by using tabs in combination with tables.
As you can see here, the tabs don’t work correctly.
How can I solve the issue?
2) If I use a video thumbnail, the image will be cropped incorrectly. Instead of having a full image I get a bad looking grey bar, as you can see here:
Beside that, I like to use different structure things like Tabs, Accordion, Tour on my normal “articles”. Is there a way to use them, without creating new “sites” and the backend editor?
1) CHECK
2) CHECK
3) Too bad you can’t help me with that. It is just one line to edit -.-
4) CHECK
5) Since my team has written a lot of news before I changed the theme, can I somehow edit the default Quote-Style to “Quote box left”?
6,7,8) I have edit my functions.php file with the code from your pagespeed tutorial. Those are the css and js files, which appeared on the top of the page:
registered scripts
common | /wp-admin/js/common.min.js
farbtastic | /wp-admin/js/farbtastic.js
admin-bar | /wp-includes/js/admin-bar.min.js
jquery-ui-sortable | /wp-includes/js/jquery/ui/sortable.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
td_social_counter | http://www.ps4source.de/wp-content/plugins/td-social-counter/js/td_social_counter.js
yoast-seo-admin-global-script | http://www.ps4source.de/wp-content/plugins/wordpress-seo/js/dist/wp-seo-admin-global-460.min.js
media-editor | /wp-includes/js/media-editor.min.js
media-audiovideo | /wp-includes/js/media-audiovideo.min.js
mce-view | /wp-includes/js/mce-view.min.js
image-edit | /wp-admin/js/image-edit.min.js
td_wp_admin | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_page_options | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
td_confirm | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tdConfirm.js
thickbox | /wp-includes/js/thickbox/thickbox.js
gadwp-backend-ui | http://www.ps4source.de/wp-content/plugins/google-analytics-dashboard-for-wp/admin/js/ui.js
registered styles
farbtastic | /wp-admin/css/farbtastic.min.css
admin-bar | /wp-includes/css/admin-bar.min.css
zilla-popup | http://www.ps4source.de/wp-content/plugins/zilla-shortcodes-2.0/assets/css/admin.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
seedprod_plugin | http://www.ps4source.de/wp-content/plugins/ultimate-maintenance-mode/inc/css/admin-style.css
wysija-admin-css-widget | http://www.ps4source.de/wp-content/plugins/wysija-newsletters/css/admin-widget.css
yoast-seo-adminbar | http://www.ps4source.de/wp-content/plugins/wordpress-seo/css/adminbar-460.min.css
yoast-seo-admin-global | http://www.ps4source.de/wp-content/plugins/wordpress-seo/css/admin-global-460.min.css
yoast-seo-dismissible | http://www.ps4source.de/wp-content/plugins/wordpress-seo/css/wpseo-dismissible-460.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 | http://www.ps4source.de/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
media-views | /wp-includes/css/media-views.min.css
imgareaselect | /wp-includes/js/imgareaselect/imgareaselect.css
thickbox | /wp-includes/js/thickbox/thickbox.css
gadwp | http://www.ps4source.de/wp-content/plugins/google-analytics-dashboard-for-wp/admin/css/gadwp.css
woocommerce_admin_menu_styles | http://www.ps4source.de/wp-content/plugins/woocommerce/assets/css/menu.css
I tried every single jss and css ID in the td-speed-booster.php file, but none of them could fix the missing errors which google pagespeed displays. So how can I put those 9 JS and 5 CSS to the footer?
JSS Error:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=1.11.1
http://www.ps4source.de/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4
http://www.ps4source.de/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4
http://www.ps4source.de/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4
http://www.ps4source.de/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4
http://www.ps4source.de/wp-content/plugins/zilla-shortcodes-2.0/assets/js/zilla-shortcodes-lib.js?ver=4.7.3
http://www.ps4source.de/wp-content/plugins/background-manager/resources/js/functions.js?ver=1.2.5.2
http://www.ps4source.de/wp-content/plugins/background-manager/resources/js/flux.js?ver=1.2.5.2
http://www.ps4source.de/wp-content/plugins/background-manager/resources/js/pub.js?ver=1.2.5.2
CSS Error:
http://www.ps4source.de/wp-content/plugins/wysija-newsletters/css/validationEngine.jquery.css?ver=2.7.8
http://www.ps4source.de/wp-content/plugins/zilla-shortcodes-2.0/assets/css/shortcodes.css?ver=4.7.3
http://www.ps4source.de/wp-content/tablepress-combined.min.css?ver=6
http://www.ps4source.de/wp-content/plugins/wp-jquery-lightbox/styles/lightbox.min.css?ver=1.4.6
http://www.ps4source.de/wp-content/plugins/background-manager/resources/css/pub.css?ver=1.2.5.2
9) Im patiently waiting for the fix!
10) CHECK
11) I have changed my PHP version to 7.0. Everything seems to work faster.
12) As you can see my dynamic widget on the homepage does not work:
Thank you very much for your fast and extensive response!
1) The line appears after you visit some articles and scrolling up and down. I don’t know if its just my mac, but that would be weird, since all macs are using same safari browser.
Another weird thing I noticed: If im using Google Chrome browser, the big grid at the top of the site has this great animation (image gets zoomed in), if I move the mouse cursor over one article. On safari there is no animation at all. 🙁
2) I know that your theme has a custom login build in and Im already using it, as you can see (by the way it looks awesome). My problem is, that a user gets an email notification from WordPress after he registered on my site. In this email, he gets a link to set a new password. By clicking the link he gets redirected to this unpleasant site:
How can I change this registration process? Which plugin do you recommend?
2.1) Also Im using Disqus Comment System, as I mentioned before. Ive used my own button to let the users register without having to use a social media account. Unfortunately I don’t know the link address to open the beautiful login/registration window of newspaper7.
Right now it looks like this, which is not very beautiful:
Disqus Button Code:
// Single Sign-on Integration
function dsq_sso_login() {
global $current_site;
$sitename = get_bloginfo('name');
$siteurl = site_url();
$button = get_option('disqus_sso_button');
$sso_login_str = 'this.sso = {
name: "' . esc_js( $sitename ) . '",
button: "' . $button . '",
url: "' . $siteurl . '/wp-login.php",
logout: "' . $siteurl . '/wp-login.php?action=logout",
width: "800",
height: "700"
};';What should I enter at the url line, which is obviously responsible for the window?
3) CHECK
4) CHECK
5) Which Font do I have to use to get this vertical line on my quotes?
6,7,8) I do not know if I lost so many readers because the pagepeed has dropped or something else, but obviously I really want to get the numbers back to the state before I transferred to Newspaper7. Ive managed to increase the google pagespeed by reducing nearly all uploaded images. And I also read the Newspaper7 documentation to set the status parameters, the cache plugin and booster plugin as instructed. Unfortunately there are still some warnings, which should be solved as you can see here. Could you please help me, to get the best page speed as possible?
Should I change something on my .htaccess file?
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# Deflate Compression by FileType
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-shockwave-flash
</IfModule>
# turns cache on for 1 month
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 week"
ExpiresByType image/jpg "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 week"
ExpiresByType image/png "access plus 1 week"
ExpiresByType application/x-shockwave-flash "access plus 1 week"
</IfModule>
# gzip Compression if availiable
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
php_value memory_limit 256M
php_value max_input_vars 5000
php_value max_execution_time 300
php_value post_max_size 50M
php_value upload_max_filesize 50M8) CHECK
9) 
(link)
10) CHECK
11) [Newspaper->System status->php.ini configuration] I have this PHP Version 5.6.29-nmm1 (5.6 CGI). Is this ok?
