responsiveness issue

However, in portrait mode, the text width exceeds the display width clearly.

Hi @dromedaris can you please share a link to the page with the issue additionally, please share a screenshot of what you are seeing in portrait mode. You can add the screenshot to https://snipboard.io/ the site will provide a new link you can share here.

Thanks, @thelmachido for your quick reply & please do not complain my lazy answer!

First at all there’s a minor correction in mentioning Android 7.1.1. That was a mistake. My phone has Android 10 installed (LineageOS). But in fact that does not really matter, since others also complain the limited responsiveness.

Well, I have made three screenshots. In time order:
https://snipboard.io/blNaYj.jpg
https://snipboard.io/zRFqMZ.jpg
https://snipboard.io/Qe7n2E.jpg

The third one is after rotating the screen to its standard portrait position. However, sometimes the screen is not fitting then correctly, but in most experiments it does. Tested URL: https://prorad-dn.de/proradstand22.

It’s the site where I’m co-owner. Of course I had to supply the link in my initial posting, I see now.

Hi @dromedaris Twenty Ten is actually the last non-responsive default theme in WordPress. ?? It was not designed to adapt to mobile devices at all.

I noticed that you’re using a plugin that tries to force this theme to be responsive, so if you’re having trouble with it, you’d need to post in that plugin’s forum.

All that said, I’d encourage you to look for a more modern theme. ??

Oooh – thanks for this hint, @zoonini . I’m not aware whether I added this plugin some time (years) ago or my co-admin. This plugin is just like a twelve years old whisky. But a no longer (really) supported plugin is far from such a noble drink…

So I’ll consider a theme change instead of posting on that plugin’s support. However, I already took a look on twenty-xx sucessors, but I could not see which theme allows an update with comparable layout structure & minimal side-effect upgrade. For this reason I still stick to twenty-ten…

No worries @dromedaris!

When someone wants a responsive theme but prefers to stick with the look of Twenty Ten, I sometimes suggest Twenty Eleven. It has a very similar design, but it’s responsive. There’s a demo here if you want to take a closer look:

https://wp-themes.com/twentyeleven/

The demo doesn’t show it, but the theme comes with several footer widget areas in addition to the sidebar widget area.

Meanwhile, I came across this forum thread, where one debated with you, @zoonini the twenty-twelve option and finally decided to use the seventeen-version.

Due to the CSS-stuff that’s needed I think I try to first prepare an update to twenty eleven. However I’d prefer to create a copy of the site on a test URL – but all internal link references seem by default to be absolute – not relative…

• This reply was modified 1 year, 8 months ago by dromedaris.

However I’d prefer to create a copy of the site on a test URL – but all internal link references seem by default to be absolute – not relative…

You could do a search-and-replace to modify the internal URLs on your test site:

https://www.ads-software.com/plugins/better-search-replace/

I’m still working yet… regarding BSR I have suspended for now because I saw also database tables of limesurvey listed here. I’ll move the limesurvey in another database (with its unique username).

Actually I’m preparing for a plain copy of the wordpress ecosystem to another server (from internet server directly to another server via wget in no time), because it also allows simple usage of the other server’s database without duplicating the database with another name.

When that’s done, I’ll apply BSR to change the paths. And do the test work on a new theme on the other server.

Yesterday I also dubbed about using Theme Switcha or Theme Test plugin, but some (a few) people report more or less serious problems (the idea however is perfect). Multisite could be an alternative solution as well (but requires also changes for a first setup).

I definitely opted for twenty eleven. The decision was quite easy because I saw that a theme selection is accompanied by a preview view. Compared to twelve or seventeen (as mentioned above), the eleven promised the least work.

However, prior to doing this, I had to add a section in apache2.conf to enable .htaccess in the wp subdirectory (on the other server apache2 is configured according to Apache’s recommendations)

On the web, I found hints regarding the search box, captions and menu font/padding, added as follows to custom css:

/****** twenty eleven stuff ******/
/* we decide to not remove the search box, because it would have a bigger impact on resizing
* the menu entries from desktop to small device; instead narrower fonts makes sense
#branding #searchform {
display: none;
}
/* Menu Fix to Full Width
*#branding, #main, #footerMenu ul, #access ul {
margin: 0 auto;
}*/
#access a {
font-family: Arial, Helvetica, sans-serif;
padding-right:4px;
}
.wp-caption .wp-caption-text:before {
display:none;
}
.wp-caption .wp-caption-text {
text-align:center;
padding:5px 7px 0;
}

I also installed the “classic widgets” plugin as was advised to do if desired. And of course, the responsive twenty ten plugin had to be disabled, because of serious interferences… (double effect)

@zoonini : many thanks for supplying directives that helped me further.
BTW: When I would do this again, I’d use the service that’s offered by updraft plus. In the settings I discovered a migrate/clone tab. What is offered is worth the money…
Since I didn’t use that service now, I donated $15 to WP foundation.

You’re very welcome, and the donation to the Foundation is such a lovely gesture!

Glad you found some useful custom CSS. If you need further help with Twenty Eleven, feel free to post in its support forum. Cheers!