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

Topic Resolution: Resolved

This topic contains 9 replies, has 2 voices, and was last updated by  ohitssteven 1 year, 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • 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

    #20925

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

    #20926

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

    #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

    #20945

    Thank you it works now!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.