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

Store Design
1

Hi,

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

ON DESKTOP ITS OK bellow.

The picture is all visible.

Zachyssek_0-1637583908156.png
Zachyssek_0-1637583908156.png1325×861 293 KB

But when I change to mobile phone view →

Zachyssek_1-1637583972963.png
Zachyssek_1-1637583972963.png321×867 89.8 KB

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.

Zachyssek_2-1637584090237.png
Zachyssek_2-1637584090237.png329×885 111 KB

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

2

@Zachyssek

Please share your store URL!

Thanks!

3

I have already solved this by adding

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

But thank you!