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

Solved
Zachyssek
Tourist
9 1 0

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

 

But when I change to mobile phone view ->

Zachyssek_1-1637583972963.png

 

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

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

VIT ZACHARIAS
Accepted Solution (1)

Accepted Solutions
Zachyssek
Tourist
9 1 0

This is an accepted solution.

I have already solved this by adding 

 

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

 

But thank you!

 

VIT ZACHARIAS

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
9829 2237 3078

@Zachyssek 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zachyssek
Tourist
9 1 0

This is an accepted solution.

I have already solved this by adding 

 

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

 

But thank you!

 

VIT ZACHARIAS

View solution in original post