anyway to show full image in the image banner? (Dwan theme)

[JacJacC]

Hi All,

Any idea on how to show the full image in the "image banner", I have tried couple of the solution I found but non of them works, the image is now cropped and can't be show in full either desktop / mobile.

My URL: https://gallery0206.com/

Password: 123456

Please anyone, I need your help.

[websensepro]

Hi, @JacJacC.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) {
    height: auto;
}

.banner__content.banner__content--bottom-center {
    align-items: center !important;
}

And Goto customized theme.

Select the image high.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

[JacJacC]

Hi, the top of the image was covered by the header, any method to show that as well?

[JacJacC]

@websensepro 

Thanks, but now the top of the image was covered by the header, any way to move the image so it won't be covered by the header? and some grey area was added to the bottom of the image

[websensepro]

Hi, @JacJacC.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

@media screen and (min-width: 480px){

h2.banner__heading.inline-richtext.h0 {
    font-size: 30px;
}

.announcement-bar__message {
    font-size: 10px;
    padding: 6px 0px;
}

.header__heading-link .h2 {
    font-size: 14px;
}

.header {padding-top: 5px;padding-bottom: 5px;}

}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

[JacJacC]

@websensepro 

No luck here, the header still covered the top of the image. If in mobile version, it even covered more =(

Btw, I have the "image banner" animations set as "Fixed background position" as the image behavior.

Hope you can help.