- This topic has 3 replies, 2 voices, and was last updated 4 years 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
The best reservation system WordPress themes are a collection that helps your website manage and accept bookings online. Your users must find suitable options to […]
Whether you are a music producer or running an event management company, the one thing that you need above all else to stand out from […]
Are you looking for the method to add title attributes in the WordPress menu? Yes! Then you are on the right path. Here, we will […]