Home › Forums › WordPress Themes – Premium › Flat Responsive › Header image not responsive
- This topic has 6 replies, 4 voices, and was last updated 3 years, 6 months ago by
Patti Mitrowski.
-
AuthorPosts
-
March 20, 2017 at 9:35 pm #43125
Michele Rempel
ParticipantHello.
I uploaded an image of the recommended size in our website’s header, but the image is not responsive as it is in your demo site. It shows only a portion of the image on a mobile phone, for example.
Please advise.Site: http://www.elainespetconcierge.com
Thank you.
March 21, 2017 at 4:23 am #43127Sushil Adhikari
ModeratorHi Michele Rempel,
Background image will act on that way only. The images on the demo are not background. They are slider kept on banner sidebar.If you want to have responsive image , drag text widgets to Banner sidebar and place the image html on this way:
<img src="your image url" />
Let us know how it goes.
Thanks
March 21, 2017 at 5:07 am #43128Michele Rempel
ParticipantHello.
What is the suggested size for this so that it looks good?
I uploaded the same image to the banner sidebar, but it is very small.March 22, 2017 at 4:47 am #43165Sushil Adhikari
Moderatoryou can use image of 2400×900 px.
Thanks
April 13, 2017 at 9:12 pm #44390Steve Gossett
ParticipantSushil,
As a suggestion, since most themes provide for being responsive, the static header should have a setting under Customizing and then Header Image to be able to select it being responsive or not so that it resizes accordingly.
When having to use a widget to present the header, there is extra minute work to display header image and banner sidebar on the front page only.
Many themes have that header image responsiveness by default and I feel that adding this would really enhance this Flat Responsive theme.
I also wanted to add that I have a banner graphic to use as a header image and it is 2400 × 900. The image does not scale by default when using as an image header. I also tried 2400 × 770 and still it is way outside the container area. Only when adding it to a text widget does it resize accordingly.
Thanks
-
This reply was modified 6 years, 8 months ago by
Steve Gossett.
April 13, 2017 at 9:35 pm #44392Steve Gossett
ParticipantSomething to look at. There is a plugin named Widget Visibility Without Jetpack by Eduardo Larequi at https://wordpress.org/plugins/widget-visibility-without-jetpack/ that lets a person control what pages a widget appears on. Its helpful and would be a great feature if incorporated into any theme.
Their description:
Control what pages your widgets appear on. Based on Widget Visibility module, from Jetpack plugin, http://wordpress.org/plugins/jetpack/.
Thanks
-
This reply was modified 6 years, 8 months ago by
Steve Gossett.
May 17, 2020 at 8:10 am #68711Patti Mitrowski
ParticipantThank you for having this question and resolution. Please note that I have been trying to fix this issue for the last couple of days. This was very informative. I do like the suggestion given. Most themes I work with that has a banner or slider are responsive. First time I had to use a text widget in a banner sidebar. Now, I have to look at Steve’s suggestion because I want the banner on my other pages. I need to check out this widget-visibility-without-jetpack that he talked about. Thanks again
-
This reply was modified 6 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.