Image/logo sizing cut off on mobile view

Store Design
, , , ,
1

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

2

Hi @DxtJerZ ,

Is this final result you want ?

BSSCommerceTC_0-1721126639716.png
BSSCommerceTC_0-1721126639716.png567×995 181 KB

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;
    }
}
1 Like
3
  • Here is the solution for you @DxtJerZ
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • 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:

BSSTekLabs_0-1721131995869.png
BSSTekLabs_0-1721131995869.png370×799 202 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
4

It didn’t work :smirking_face:

5

It didn’t work :disappointed_face:

6

NeverMind! I got it to work! thank you

7

Nevermind! I got it to work , Thank you!

1 Like