Introduction Section not Resizing on Mobile

Site URL: https://lime-yellow-anbz.squarespace.com

How can I decrease the height of the introduction section on mobile? It's not resizing, and looks terrible on mobile.  Also, the button has moved and I'd like that at the top of the section.

Any help would be great 🙂

Try this on custom CSS:

@media only screen and (max-width: 799px) {

/* center aligning heading and button */
#block-34b0912c095dbf42afc0 .sqs-block-content h1 {

display:block !important;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#block-yui_3_17_2_1_1622422433135_9712 .sqs-block-content a {

display:block !important;
margin-left:auto;
margin-right:auto;
}

/* adjust height of intro section */
#intro {
height:30vh;
}

}

Thank you for reply. Would that be added to Design > Custom CSS?

I tried copying and pasting the code you provided, but it didn't make any changes to the mobile view. :/

10 hours ago, rsharnum said:

Would that be added to Design > Custom CSS?

Yes. If that doesn't work, you can try the below code as code block on the home page:

<style>
@media only screen and (max-width: 799px) {

/* center aligning heading and button */
#block-34b0912c095dbf42afc0 .sqs-block-content h1 {

display:block !important;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#block-yui_3_17_2_1_1622422433135_9712 .sqs-block-content a {

display:block !important;
margin-left:auto;
margin-right:auto;
}

/* adjust height of intro section */
#intro {
height:30vh;
}

}
</style>

It looks like this for me:

Thank you, that did change things, but not in the way that I'd like it to change.

I want to change the height of the banner on mobile view only, not move the text box and button. 

On 6/18/2021 at 9:37 PM, rsharnum said:

Thank you, that did change things, but not in the way that I'd like it to change.

I want to change the height of the banner on mobile view only, not move the text box and button. 

Hi. Do you still need help on this?

Also, I see some other problems. Need fix?

Site URL – https://www.makeupbyalessandra.com/

1. (Homepage) Reduce text width?

https://www.makeupbyalessandra.com/

2. (About) Reduce text width?

https://lime-yellow-anbz.squarespace.com/about

3. (Birkman) Resize button?

https://lime-yellow-anbz.squarespace.com/birkman

4. (Blog) Add space between title and paragraph?

https://lime-yellow-anbz.squarespace.com/blog

5. (Blog) Make time in the same line?

https://lime-yellow-anbz.squarespace.com/blog

6. (Mobile) Add close icon?

7. (Tablet – Homepage) Reduce text width?

https://lime-yellow-anbz.squarespace.com/

8. (Tablet -Birkman) Resize Button?

https://lime-yellow-anbz.squarespace.com/birkman

9. (Tablet – Contact) Add space between text: say and hello?

https://lime-yellow-anbz.squarespace.com/contact

Thank you for replying - I do still need help. I will email you in the next day or so. Thanks!

On 7/8/2021 at 8:03 PM, rsharnum said:

Thank you for replying - I do still need help. I will email you in the next day or so. Thanks!

Okay. Anytime you need help, just reply here. We will support