- This topic has 3 replies, 2 voices, and was last updated 7 years, 1 month 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
Handbags WordPress Themes Today we are going to share some of the best handbags WordPress themes for bags and handbags, purse making or bag producing […]
11 Premium Yoga WordPress Themes For Your Yoga With the perk in modernisation often people find body pains, mental stress, and physical weakness, resultant they […]
Are you looking wedding invitation WordPress themes ? Wedding invitation WordPress themes can be used by couples, wedding planners, event planners, photographers, venues, vendors, and […]