Slideshow image size on desktop and mobile + announcement bar, header

[Zachyssek]

Hi,

How Can I preserve the image size? Its slideshow in BROOKLYN THEME. 

ON DESKTOP ITS OK bellow.

The picture is all visible.

But when I change to mobile phone view ->

The picture is no longer visible on the top.

I found out that it has something to do with the announcement bar because when i turn off the announcement bar it looks like this and that is OK. But i want to preserve the announcement bar too.

You see. Here it is OK without the announcement bar.

By the way I got the sticky header.

Want to have only sticky header but static announcement bar. After scrolling down to announcement bar has to disappear.

Thank you

VIT ZACHARIAS

[dmwwebartisan]

@Zachyssek 

Please share your store URL!

Thanks!

[Zachyssek · Accepted solution]

I have already solved this by adding 

.main-content{
padding-top: 110px !important;
}

But thank you!