- This topic has 4 replies, 2 voices, and was last updated 5 years, 9 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Forums › SKT Full Width Forum › Backgroun header image no responsive
I would like that when I am the laptop that the header image adapts to the screen, how can I do that? You will see in the picture. Thank you. Thank you.
https://imgur.com/a/oTY55pS
Hi,
Kindly use this CSS
@media screen and (max-width:767px) {
.page .page_head_bg, .page .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
}
Regards,
Brad
Thank you
The responsive works but when it is on the “Posts Header Background Image” the responsive does not work, thank you in advance
https://imgur.com/a/6FIKuJu
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:767px) {
.page .page_head_bg, .page .post_head_bg, .single .page_head_bg, .single .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
}
Regards,
Brad
Why Your Hosting Solution Shapes First Impressions Before a customer contacts your team or visits your store to purchase any product or service, they first […]
Are you looking for the best WooCommerce based plugins for your WooCommerce Website? Here’s a list of the best WooCommerce based plugins. These are suitable […]
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]