Home Forums Themes Support Claue-Shopify Image Background Doesn't Auto Resize in (Mobile)

Topic Resolution: Resolved
Viewing 5 reply threads
  • Author
    Posts
    • #20894

      Question 1

      Whats the fix for this?

      Image Background Doesn’t Auto Resize in (Mobile)

      The website is displayed fine. Mobile is weirdly sized.

       

      Question 2

      How do I edit the ratings and reviews? Like how do I edit it to something for example (Important Details).

       

       

      Attachments:
      You must be logged in to view attached files.
    • #20920

      Hi,

      Thank you for choosing our theme.

      1. Please add below code to Theme Settings > Custom Code > Custom CSS

      #shopify-section-1527280371005.shopify-section {background-size: contain !important;}

      2. Sorry the app review don’t give permission to edit rating and review

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

      • #20926

        Hi I added the css code to fix the background issue, now its only a plain white background on mobile

    • #20925

      For the ratings should I download a app in the store?

    • #20935

      Hi,

      1. For review app please try this https://apps.shopify.com/product-reviews

      2. Please change prev code to

      @media only screen and (max-width: 736px) {
      #shopify-section-1527280371005.shopify-section {
      	background-size: contain !important;
      	min-height: 30vh !important;
      	background-attachment: scroll;
      	height: 30vh;
      }
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

      • #20939

        Hi, Almost there! Now the only error is the view button. The view button is misplaced.

        Attachments:
        You must be logged in to view attached files.
    • #20941

      Hi,

      Please change prev code to

      @media only screen and (max-width: 736px) {
      #shopify-section-1527280371005.shopify-section {
      	background-size: contain !important;
      	min-height: 30vh !important;
      	background-attachment: scroll;
      	height: 30vh;
      }
      .jas-parallax.jas-full-height--1527280371005 { min-height: calc(50vh - 110px);}
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

      • #20942

        HI,

        I updated the code again, but it’s still the same.

        Attachments:
        You must be logged in to view attached files.
    • #20944

      Hi,

      Please change code to

      @media only screen and (max-width: 736px) {
      #shopify-section-1527280371005.shopify-section {
      	background-size: contain !important;
      	min-height: 30vh !important;
      	background-attachment: scroll;
      	height: 30vh;
      }
      .jas-parallax.jas-full-height--1527280371005 { min-height: calc(50vh - 110px) !important;}
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 5 reply threads

You must be logged in to reply to this topic.