Twenty Seventeen theme isn't being responsive
-
I sized my Twenty Seventeen theme banner to the suggested specs for my theme’s header and it fits on the desktop mode, but doesn’t at all resize/become responsive on tablet or phone modes. According to this theme’s description, it should do these things automatically.
Help?
Thanks.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Twenty Seventeen theme isn’t an ideal one with respect to header images that scale well with the browser, the header for Twenty Seventeen really isn’t a good fit for that. Have you tried the Karuna theme? It uses a large header image that doesn’t get cropped when resizing:
https://karunademo.wordpress.comFor more themes with custom header and responsive layout, check the below link.
https://wordpress.com/themes/filter/custom-header+responsive-layoutHope that helps.
Thank you.
-
According to this theme’s description, it should do these things automatically.
The theme description doesn’t specify a responsive layout. Please check out the link below.
https://wordpress.com/theme/twentyseventeenThank you.
-
Twenty Seventeen is a fully responsive theme, but when it comes to full-width header or featured images, there are a couple options for theme designers. One is to resize the image proportionally for all screen sizes, and the other is to allow the image to crop some when it is more important design wise for the image to stay a certain height.
When I view your site on my phone, I’m seeing the entire image in both landscape and portrait orientations, and the only place I see any cropping of the image is from around 1200px in screen/window width down to about 768px.
Since you do not have either the WordPress.com Premium or Business plan, we can’t use CSS to adjust things between those widths, but one option would be to resize/crop a new image off of your original in your image editing program and have more space between the main image and right edge, and the styled text on the left edge, and perhaps a bit more on top as well so that things do not get cut off.
-
Thank you all for chiming in.
Yes the Home header is the problem – seems fine on smart phone. But it’s a mess when viewed on a tablet – all blown up so you see part of an image. And when views on desktop the woman’s head is cut off too much. I did the image to the suggested dimensions and thought it would resize for responsive automatically.
Does anyone have a suggestion what I should resize the Home page header image to? I fiddled with it for a long time, trying different sizes but am only taking stabs in the dark here. Thanks.
BTW, TheSacredPath, I would like to upgrade my plan for CSS BUT guest what? WordPress is trying to have me pay in EU money when I’m an American living in America with my account settings to American MST (Denver) time zone. EU is a higher conversion rate for me than if I pay in USD and even though I’ve alerted some “experts” no one has helped solve this problem yet. If anyone has advice about how to get EU off and USD prices on my upgrades, I’d be grateful.
Thanks.
-
BTW, TheSacredPath, I would like to upgrade my plan for CSS BUT guest what? WordPress is trying to have me pay in EU money when I’m an American living in America with my account settings to American MST (Denver) time zone.
I see that your account is now set to USD. Please let us know if you’re able to purchase the update in USD.
Once you upgrade, let us know and we can help you with some custom CSS, or you can use the live chat option which you’ll be entitled to with a Premium or Business plan:
https://wordpress.com/help/contact
You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.
- The topic ‘Twenty Seventeen theme isn't being responsive’ is closed to new replies.
WordPress.com Forums 