I got a response from Superb Themes saying that ,, this seems to be caused by some custom coding you have on your site, or a plugin.“ I have a lot of plugins and custom coding so that answer didn’t help me much.
The reason for this issue is Mailerlite’s newsletter form. This comes with its own styles, which means that the form has a gap at the top and looks different in general.
A quick solution could be:
body .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form {
padding: 0 !important;
}However, the title of the form is then still not in line with the title to the left of it. The reason for this is the line height of the heading in the newsletter form. You should be able to adjust this as follows:
body .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form h4 {
line-height: 1
}Add both under Appeareance > Customizer > Additional CSS.
Putting in these two codes worked. Thanks a lot! I really appreciate it.