Pictures on Mobile
-
I have photos inserted into posts on my website, aligned left or right (on the home page for external links to other places on the site). When viewing the site on a mobile device, the photos are placed into the text where I have inserted them, but they are not aligned to the left or right, just into the body of text where they have been placed. This looks unpleasing, and I was in hopes that somehow I could find a way of making it look the way it does, format-wise, on the computer for mobile. I have seen this done for many public news article websites, where you just have to scroll to the left or right to see the entire website or turn the device sideways to avoid the left or right scrolling, which is how I would like it to look for my own.
Hopefully that makes sense and hopefully I don’t have to change to another theme that does.The blog I need help with is: (visible only to logged in users)
-
The mobile ready theme is default and a completely different theme that you do not need to enable at all. Chateau is a free responsive layout theme.
https://theme.wordpress.com/themes/features/responsive-layout/?sort=free
https://theme.wordpress.com/themes/features/responsive-layout/A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.
As I said above the mobile theme is a completely different theme. When we use a responsive theme we disable the mobile theme. Go to > Appearance > Mobile and disable the mobile theme please.
-
P.S. P.S. I tested your site here https://www.google.com/webmasters/tools/mobile-friendly/ and it is rated as mobile friendly.
-
Here’s the link for the iOs forum for the WordPress app http://ios.forums.wordpress.org/ so you can post there and make our WordPress developers aware of your issue. http://ios.forums.wordpress.org/forum/how-to-and-troubleshooting
For androids you need to inquire over at http://android.forums.wordpress.org/
If you don’t have a username account at WordPress.org, click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens there at https://wordpress.org/support/register.php so you can post there.
-
I’ve already disabled the mobile theme. It was disabled to begin with. I checked it out originally, wondering if it would solve the problem, but it was the same. So it is disabled.
No matter what, the pictures still pop up in the center of my text.
I also am not entirely willing to change the theme since this one asthetically looks better and is one a partner and I agreed on for the website. I actually use Chateau for a personal blog, so I know that one works.
Thanks for the help though!
-
I see the Twenty Eleven theme on this site https://kickassveterans.wordpress.com/
I see the Chateau theme on this site
http://swlarue.wordpress.com/I think you ought to ask for Staff help. To do that type modlook into the sidebar tags on this thread for Staff help. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Then please subscribe to it so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
-
-
-
Hi there,
I have photos inserted into posts on my website, aligned left or right (on the home page for external links to other places on the site). When viewing the site on a mobile device, the photos are placed into the text where I have inserted them, but they are not aligned to the left or right, just into the body of text where they have been placed.
Can you share a link to a post where the images have odd alignment on mobile devices? I’d like to take a closer look at those to see if I have any suggestions for how you could align them to work on all devices. :)
I was in hopes that somehow I could find a way of making it look the way it does, format-wise, on the computer for mobile.
What you’re describing is actually non-responsive websites, which isn’t recommended. Responsive web design changes the layout of your site to best fit the size of the screen someone is using to view it. That makes it easier to read on all screen sizes. If you don’t want your site to do that, you’ll need to choose a theme that doesn’t have a responsive layout. (Keep in mind that in that case you’ll need to focus on older themes, as newer themes are designed to be responsive.)
Rather than changing theme or looking for a non-responsive theme for your site, I’d recommend focusing on changing how you add photos to your posts so they look good on different screen sizes. :)
-
-
Can you point out a specific post on the homepage where the image doesn’t look the way you want it to?
-
The entire homepage is just a one post static page with pictures designed to be internal links to the website.
-
-
Ah! Sorry, I was looking at your other site by mistake and didn’t realize it. I see what you mean now.
The only way to force your page content into two columns like that on all screen sizes is to use HTML to create the two separate columns. That will divide the text from the photos so they aren’t mixed together on the page. If you’re comfortable with HTML, we have tips for creating columns here:
https://en.support.wordpress.com/advanced-html/#columns
Another option is to add those images to Image Widgets and put them in your site’s sidebar, instead of adding them directly to the page. If you change your front page’s template to your theme’s Sidebar Template, that sidebar will appear on the page so you can have all the images there instead. On smaller mobile devices, the whole sidebar will be moved to fit the space so those images don’t get mixed in with the text.
-
- The topic ‘Pictures on Mobile’ is closed to new replies.
WordPress.com Forums 