Image Background Doesn't Auto Resize in (Mobile)

[ohitssteven]

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.

[Harry]

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

[ohitssteven]

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

[ohitssteven]

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

[Harry]

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

[ohitssteven]

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.

[Harry]

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

[ohitssteven]

HI,

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

Attachments:

You must be logged in to view attached files.

[Harry]

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

[ohitssteven]

Thank you it works now!

[Author]

Posts