Hi,
As I understand your mockup your header needs to be 188px, the logo needs to be 102px centered in the header, but that gives you 43px above & below the logo, but your mockup says it’s 20px?
Nonetheless, I changed the header height at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Custom Height to 188px, then I added this css to make the logo 102px and center it.

@media only screen and (min-width: 990px) { 
#top .logo a {
	display: flex;
    align-items: center;
}
#top .logo img {
	height: 102px;
}
}

You can adjust to suit by reducing the header or change the logo height so the space is down to 20px.
As for the space between the menu items to add 50px I added this css:

@media only screen and (min-width: 990px) { 
#avia-menu.av-main-nav > li > a {
    padding: 0 38px;
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-cookie-consent-button {
	 border-radius: 50px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Antonio,
Thanks for your question, but I don’t think that it is possible to use the Filter Everything plugin to replace all WordPress searchs, it doesn’t seem to be an option for the plugin.

Best regards,
Mike

Hey Jurriaan,
This is due to your font weight set to 100 which is very light, I assume this is a custom font that you added, try changing it to normal (400) in your css for the font or in the Enfold Theme Options ▸ Advanced Styling, if that is where the font weight is set, or try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors p,#top #wrap_all .all_colors h3 {
	font-weight: normal;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
When I check your page I see Yigit’s solution above loading:

Please remove this css and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then add this css to your WordPress ▸ Customize ▸ Additional CSS or Enfold Theme Options ▸ General Styling ▸ Quick CSS field and Then clear your browser cache and any cache plugin, and check.

#top .special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit!important;
}

This is the results I see when I test on your page:

Best regards,
Mike

Hi,
Thanks for the feedback, I don’t have an iPhone but I believe that I see the issue on Android in landscape mode, please see the screenshot in the Private Content area.
So I recommend removing your border from the column and use this css to add a border around the image, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-image-container .avia-image-container-inner {
    border-width: 6px;
    border-color: #ffffff;
    border-style: solid;
}

If you would like to ensure that this border is only applied to specific images, try adding a custom class to the image such as image-border and then add your custom class to the css like this:

.image-border.avia-image-container .avia-image-container-inner {
    border-width: 6px;
    border-color: #ffffff;
    border-style: solid;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Gabriele-Marie,
Thank you for your patience, unfortunately I don’t see a way to do this with the Enfold elements and contact form, I recommend using a contact form like Contact Form 7 and one of it’s addon plugins like: Multi Step for Contact Form 7 or perhaps Extensions For CF7
There are many other addons for Contact Form 7 and I imagine one would work for you.
I don’t have any specific experience to help you create this, but I think this would be your best option.

Best regards,
Mike

Hey Martin,
Thanks for your question, I checked your page on mobile and see that you have a 6px border which looks correct, when do you see that issue “the frames are wider than the image”?

Best regards,
Mike

Hi,
You must create a token in your Envato Theme Forest account, we can not create it for you, please see our documentation How to generate a Envato Personal Token
Step One: To generate your personal token, go to Envato create a token page. If not logged in please use your Envato credentials.
Step Two: Your Token needs specific permissions to verify the purchase and link your Envato account to the theme. 7 permissions are necessary to display user information on Enfold theme options ▸ https://kriesi.at/documentation/enfold/wp-content/uploads/sites/22/2018/12/token-permissions.png
Step Three: After selecting the required permissions, read the Terms and Conditions and agree to create your new token. Copy and save your token on your local system.
After completing the steps above, you are now ready to register your Enfold theme. Go to Enfold > Theme Update > Enter a valid Envato private token and enter your token.
If you still have trouble try using the Envato market plugin
Another option is to update the theme via FTP, or though the WordPress theme page.
Download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hey ballindigital,
Thank you for the link to your site, I see that you are using v5.6.2, please update to v5.6.5
The MailChimp API has changed, after you update the setting at Enfold Theme Options ▸ Newsletter ▸ Mailchimp needs to be reverified and then each mailchimp element on your pages needs to be opened and resaved.

Best regards,
Mike

Hi,
Yes, you should include the child theme when you copy the files and database from the staging site to the live site.
To move the menu text in line with the bottom of the logo, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 990px) { 
#top .main_menu .menu li a {
padding-top: 50px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
When the child theme is active the setting Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme doesn’t ask for a file to upload, it automatically gets the file from the parent theme.
I added a child theme for you and imported the parent theme, please review the documentation so you can apply this to your live site.
The Logo left and menu centered on the same line is not and option, but I adding this css to achieve it:

@media only screen and (min-width: 990px) { 
#top .main_menu {
    display: flex;
    justify-content: center;
    width: 100%;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-button-wrap .avia-button {
	border-radius: 50px;
}
#top .avia-button .avia_button_background {
    bottom: -3px;
}
#top .form_element .button[type="submit"] {
	border-radius: 50px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
1: You can change the logo and menu style without a child theme, go to Enfold Theme Options ▸ Header ▸ Header Layout ▸ Menu and Logo Position and choose Logo left, Menu below

2: You can add a child theme without losing your current layout, please see our documentation Step 4: Import parent theme options

Best regards,
Mike