Website Banner

Solved
cassierumsey
Tourist
6 0 3

Hi! I am using the theme "Maker" and can't figure out how to create a banner so that it automatically adjusts to fit different size screens and mobile view. Can someone please help? I'm not a coder, so if there is coding involved please dumb it down and walk me through! Thanks!

Website for reference: https://shopgoldbar.co/

 

0 Likes
HardikDavra
Shopify Partner
2327 367 999

This is an accepted solution.

@cassierumsey 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 550px) {
.featured-content--container .featured-content--image .image--container img {
-o-object-fit: contain;
    object-fit: contain;
}
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
cassierumsey
Tourist
6 0 3

Can you clarify which asset exactly? I don't see that exact one.  Screen Shot 2021-07-19 at 4.36.47 PM.png

0 Likes
HardikDavra
Shopify Partner
2327 367 999

@cassierumsey theme--critical.css

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
cassierumsey
Tourist
6 0 3

Success! Thank you so much.

0 Likes