{"id":4829,"date":"2016-09-12T11:46:04","date_gmt":"2016-09-12T11:46:04","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=4829"},"modified":"2024-07-11T18:05:28","modified_gmt":"2024-07-11T12:35:28","slug":"background-images-zooming-small-devices","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/background-images-zooming-small-devices\/","title":{"rendered":"Background images zooming in small devices"},"content":{"rendered":"\n<section class=\"wp-block-group background-image has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Background images zooming in small devices<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Background images are looking zoomed because mobile devices don&#8217;t support parallax scrolling. And background image have to cover full section height. That&#8217;s why images are zooming to cover full height. Please try this solution.<br>Use small pattern images for mobile devices only and allow them to repeat so that they can cover complete section area.<br>Go to the Appearance &gt; Customize &gt; Styling Options &gt; Custom CSS and paste code given below.<\/p>\n\n\n<p>[code type=html]@media screen and (max-width: 768px){<br \/>\n#section1 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section3 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section4 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section5 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section6 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section7 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section8 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n#section9 {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n.contact_section {<br \/>\nbackground-image: url(YOUR IMAGE ADDRESS);<br \/>\n}<br \/>\n.plrx_enable {<br \/>\nbackground-size: 100%!important;<br \/>\nbackground-attachment: scroll!important;<br \/>\nbackground-repeat: repeat!important;<br \/>\n}<br \/>\n}[\/code]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For more information, you can contact our support team at the <a href=\"https:\/\/themehunk.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a><\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Background images zooming in small devices Background images are looking zoomed because mobile devices don&#8217;t support parallax scrolling. And background image have to cover full section height. That&#8217;s why images are zooming to cover full height. Please try this solution.Use small pattern images for mobile devices only and allow them to repeat so that they [&hellip;]<\/p>\n","protected":false},"author":6996,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-4829","docs","type-docs","status-publish","hentry","docscate-custom-code"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/4829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/6996"}],"version-history":[{"count":1,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/4829\/revisions"}],"predecessor-version":[{"id":69868,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/4829\/revisions\/69868"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=4829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}