Hi,
1. You can remove that mobile menu and keep the desktop menu with about. For that, just add the following CSS in the “Appearance => Customize => Additional CSS” box:
.menu-toggle-wrapper {
display: none;
}
.main-navigation ul {
display: block;
text-align: center;
}
2. You can reduce the margin-bottom on the following CSS and add it as per your need. The first margin button is for the space above the text and the second one is for the space below the text:
/* Embed Margin Bottom */
.hero-content-wrapper .wp-block-embed {
margin-bottom: 35px;
}
/* Hero Content Margin Bottom */
.hero-content-wrapper {
margin-bottom: 35px;
}
3. For the paragraph, I see that you are using paragraphs with a background in the blocks. So, that is adding padding. If you want to remove that then you need to add the following CSS:
p.has-background {
padding: 0;
margin: 0 0 28px;
}
For embed videos also you can add the following CSS:
.entry-content .wp-block-embed {
margin-bottom: 28px;
}
4. I also see that you have issue with Colors. Can you check your color options are “Appearance => Customize => Colors” and check “Main Text Color”. In your site you have background color black as well as text color black. So, there is issue with title not showing and also other contents. Please check.