Code for removing image crop on Mobile View (goal: maintaining Desktop View) in Mojave Template

Site URL: https://www.sturgeonoutfitters.com/

Trying to disable the image crop on Mobile View, with goal of maintaining Desktop View in Mojave Template. Any help is MONDO appreciated!!!

(Attached below is the Desktop View and Mobile View)

If you want both to look like desktop then you need to encourage your viewers to use landscape view in mobile, turn the phone. Put a note like best viewed  horizontally, I viewed it that way and there is no image cropping. You can also go into settings and disable mobile view completely. But if you do that and your viewers look at it vertically on a phone then the content is going to be quite small. 

You mean this?

On 9/25/2020 at 11:42 AM, derricksrandomviews said:

If you want both to look like desktop then you need to encourage your viewers to use landscape view in mobile, turn the phone. Put a note like best viewed  horizontally, I viewed it that way and there is no image cropping. You can also go into settings and disable mobile view completely. But if you do that and your viewers look at it vertically on a phone then the content is going to be quite small. 

Thank you for responding, that may end up being the best option. Appreciate!

On 9/27/2020 at 3:33 PM, tuanphan said:

You mean this?

Hi there, yes! That's exactly what I mean! Any further insight would be unreal, thank you'll be eagerly awaiting your response!

Yes, exactly. Its the biggest reason that mobile devices have the auto rotate option. 

On 9/29/2020 at 8:21 AM, smokycourtz said:

Hi there, yes! That's exactly what I mean! Any further insight would be unreal, thank you'll be eagerly awaiting your response!

Add to Home > Design > Custom CSS

/* resize mobile banner */
@media screen and (max-width:640px) {
.homepage .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 20px !important;
}
section#about-intro * {
    font-size: 40px;
}
section#about-intro {
    min-height: unset !important;
    height: 220px;
}
}