Hero Image Responsive Resizing

[mauiman]

It looks like my main hero image will need to be replaced with smaller image for responsive resizing. I have a smaller image. Can you assist on how this should be done?

[Foster]

Hi,

Please edit home page and click this icon http://take.ms/yOwXt and add this code

[mauiman]

Please show how to separate adjoining classes. I am getting 3 errors.


.vc_row.vc_custom_1498246881969 { #f5f5f5 url("/wp-content/uploads/2017/06/hero-768.png") !important;}
}

/* Image for large mobile screen */
@media all and (max-width: 568px) {
.vc_row.vc_custom_1498246881969 { #f5f5f5 url("/wp-content/uploads/2017/06/hero-568.png") !important;}
}

/* Image for small mobile screen */
@media all and (max-width: 480px) {
.vc_row.vc_custom_1498246881969 { #f5f5f5 url("/wp-content/uploads/2017/06/hero-480.png") !important;}
}

[Foster]

Hi,
I’m sorry, this is correct code

[mauiman]

Thanks! I need to learn that.

[mauiman]

Still having some problem. Image is repeating and text is not lining up to left properly.

[Foster]

Could you please give me a temporary admin account? I will update the code for you.

[mauiman]

Emailed it over to you.

[Foster]

I have fixed this issue for you, please check.

Thank you

[mauiman]

I see the text is fixed thanks! But the container is not resizing. The image is not repeating anymore but background is too big. Any help is greatly appreciated.

[Foster]

It’s perfect now, please check once again.

[mauiman]

Oh yeah! It’s perfect. This site is looking great. I will complete it very soon.

[Foster]

Waiting for your site is online. I really appreciate if you consider giving us a 5 stars rating at https://themeforest.net/downloads too.

Thank you

[mauiman]

Yes, will do! You deserve it. Theme is great.

I am still having issues with mobile layout though. Site somehow reverted. As you can see. I am wondering if this vc_custom_1498246881969  number is different now? Does it change if image changes? Must be a better way to do this. Image is exactly same name and size. Text is not correct again. Smaller images are not being called.

[mauiman]

I got it. It was the .vc_custom_ css. I updated it to .vc_custom_ 1498540068594 in the custom css. – Thanks for showing me this yesterday. It helped me fix it today 🙂

[Harry]

Thank you so much for your rating!

Feel free contact us again if you need more help.

Have a nice day!!!

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

[Author]

Posts