Image/logo sizing cut off on mobile view

[DxtJerZ]

Hello, I’m having issues with my main homepage image/logo cuts off (not able to view completely) on a mobile device , but looks just fine on a desktop view. Any help/tips on how to fix this would greatly appreciate it! 

here’s my link, www.dxtjerz.net 

pass: dxtjerzzee

[BSSCommerce-TC]

Hi @DxtJerZ ,

Is this final result you want ?

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media screen and (max-width: 749px) {
    .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
        height: 68rem !important;
    }
}

[DxtJerZ]

It didn’t work 😏

[DxtJerZ]

NeverMind! I got it to work! thank you

[BSS-TekLabs]

- Here is the solution for you @DxtJerZ 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media only screen and (max-width: 600px) {
.animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) {
 height: 67vh !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[DxtJerZ]

It didn’t work 😞

[DxtJerZ]

Nevermind! I got it to work , Thank you!