How can I add more whitespace before 'Collection' on my mobile site?

[Strapatelier]

Hi, I would like to add a white space at top, just before “COLLECTION”, as shown in the image. It is too close to the black banner, I want to increase some space there. How do I do that? This is for mobile version, the web version works just fine. My website is www.strapatelier.com.

[Zworthkey]

Paste this code on top of the theme.scss file.

@media only screen and (max-width: 768px) {
div#unero-banners-metro-161938513037d127bd {
    margin-top: 35px !important;
}
}

[dmwwebartisan]

@Strapatelier

please Go to Online Store->Theme->Edit code then go to assets/rt-application.scss.css or rt-application.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (max-width: 768px) {
.unero-section-title h2 {  margin: 30px 0 30px;}
}

Thanks!

[Strapatelier]

@Zworthkey

Hi there, thanks it works. I would also like to increase the space here as well, to make it the same now, which is 35px.

[dmwwebartisan]

@Strapatelier

please Go to Online Store->Theme->Edit code then go to assets/rt-application.scss.css or rt-application.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (max-width: 991px){
#shopify-section-1619387760dbec16be h2 {
    font-size: medium!important;
    margin: 35px 0 35px !important;
}
}

[Strapatelier]

@dmwwebartisan

how do i change this font to large?

[dmwwebartisan]

@Strapatelier

please Go to Online Store->Theme->Edit code then go to assets/rt-application.scss.css or rt-application.scss.liquid ->paste below code at the bottom of the file.

@media (max-width: 767px){
.unero-section-title h2 {
    font-size: 24px !important;
    white-space: normal;
}
}

[Strapatelier]

@dmwwebartisan

ok thanks, would like to make this the same size too.