Hi Justin,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi JannyPolak,

We’ll wait for the link then.
You can also try to go to Enfold > Performance > CSS File Merging And Compression set it to Disable – no CSS file merging and compression and see if it helps.

Best regards,
Nikko

Hi Monika,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi eldonthianmcallister,

To assist you further, please provide us with your login credentials by following these steps:

1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
3. Click on “Create New” to generate a temporary login.
4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
5. Click “Submit” to create the temporary account.
6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.

Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

If you have any further questions or concerns, please let us know.

Best regards,
Nikko

Hi J-Gambill,

1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Use enfold.zip file to upload to the theme.

Best regards,
Nikko

Hi ausgesonnen,

The logo itself seems to have whitespace, please try to crop it.
Otherwise, you can try to add this CSS code (just adjust the value as you see fit):

#header_main .av-logo-container {
    margin-bottom: -24px;
}

Best regards,
Nikko

Hi dondela,

I’m glad that we could help you :)
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko

Hi joandjaxx,

You can add a hover to it, by adding this CSS code (just adjust the colors):

#top .avia-button.my-custom-color:hover {
    background-color: blue;
    color: #fff;
}

Best regards,
Nikko

Hi dondela,

I’m glad that we could help you :)
To make it only run for desktop and make it a little lower, please replace the code I gave with this one:

@media only screen and (min-width:1080px) {
  .responsive #top #header #header_main .inner-container .logo, 
  .responsive #top #header .logo a {
    height: 148px;
    overflow: visible;
  }

  .responsive #top #header #header_main .inner-container .logo {
    transform: translateY(55%);
  }

  .responsive #top #header .logo img {
    width: 300px;
    max-width: 300px;
    height: 222px;
    max-height: 222px;
  }
}

The code to lower it a bit is:

.responsive #top #header #header_main .inner-container .logo {
    transform: translateY(55%);
}

The old value was 50%, so just increase or decrease the value as you see fit.

Best regards,
Nikko

Hi dondela,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

.responsive #top #header #header_main .inner-container .logo, 
.responsive #top #header .logo a {
    height: 148px;
    overflow: visible;
}

.responsive #top #header .logo img {
    width: 300px;
    max-width: 300px;
    height: 222px;
    max-height: 222px;
}

Hope it helps.

Best regards,
Nikko

Hi joandjaxx,

Try to add border: none; to the last code I gave:

#top .avia-button.my-custom-color {
    background-color: #e39a59;
    color: #fff;
    border: none;
}

Hope it helps.

Best regards,
Nikko

Hi Matt,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Stefan,

I could see it now.
Please try to use @Guenni007’s solution.

Or you can also try this code and see if it helps:

@media only screen and (max-width:767px) {
  #top .avia-gallery-thumb {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  #top #wrap_all .avia-gallery .avia-gallery-thumb a {
    float: none;
    width: 100%;
  }
}

Best regards,
Nikko

Hi Matt,

Thanks for providing the admin access.
I made a mistake on the code I gave, this part:

$meta_info['author'] = $meta_author;

should be:

echo $meta_author;

I have made the changes on your site.
Please review your site.

Best regards,
Nikko

Hi northorie,

You can simply add this code inside the previous code I gave:

#top #service .av-rotator-container {
    margin-top: 80px;
}

The whole code would look like this:

@media only screen and (min-width:768px) and (max-width:1180px) {
  #top #main .av-lpvadf1r-9094a82807ca6b00b3712e5ee699c058 > .flex_column {
    top: auto;
    bottom: -126px;
  }

  #top #service .av-rotator-container {
    margin-top: 80px;
  }
}

Just change the values as you see fit. (The previous margin was 55px).
Hope it helps.

Best regards,
Nikko