- This topic has 3 replies, 2 voices, and was last updated 6 years, 9 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Strong theme – responsive header image
Having issues trying to get the image in the header to be responsive, shrinking on smaller screens and mobile. It does shrink a small amount, but then no further.
If possible, I’d like to have a smaller image and have it right aligned in the container, and have it be responsive.
Site is at http://damtodam.com/wordpress/
Thank you!
Anyone able to help with this issue?
Hi John,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:479px) {
.header {
background-position: -247px bottom;
background-repeat: no-repeat;
background-size: 175% auto !important;
position: relative !important;
}
}
@media screen and (min-width:480px) and (max-width:767px) {
.header {
background-position: -340px bottom;
background-repeat: no-repeat;
background-size: 171% auto !important;
position: relative !important;
}
}
Regards,
Dave
Thank you for the help, was able to get this to work for several different devices starting with the css above and adding a few more media queries.
Thanks!
John
If you are operating an online shop, then you know how essential it is to display the right price information with your products so that […]
As an author, it is essential to make your WordPress website more attractive, and we’ll function to please your readers in the right way. Picking […]
Round up of best WordPress recipe plugins for food and chef websites WordPress as extremely powerful and popular website creation and publishing system has become […]