Hey kurson,

Thank you for the inquiry.

Looks like the text alignment is not set and is defaulting to justify. Try to add the following css code to align the headings to the left.

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

  /* Add your Mobile Styles here */
  #top #wrap_all .all_colors h1,
  #top #wrap_all .all_colors h2,
  #top #wrap_all .all_colors h3,
  #top #wrap_all .all_colors h4,
  #top #wrap_all .all_colors h5,
  #top #wrap_all .all_colors h6 {
    text-align: left;
  }
}

Let us know the result.

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

You can add this css code to switch the header to transparent in the mobile view.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
    background: transparent;
  }

  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg {
    display: none;
  }

  .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub,
  .responsive #top .av_header_transparency .logo img.alternate {
    display: block;
  }

  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner::before,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner::before,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:hover .av-hamburger-inner::after,
  #top #header.header_color.av_header_transparency .av-main-nav>li>a:focus .av-hamburger-inner::after {
    background: var(--enfold-header-color-button-font);
    opacity: 1;
  }

  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-header-color-button-font);
  }
}

(see screenshot in the private field)

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We noticed multiple strong tags in the heading “Onze diensten”, which is unnecessary and could be an indication of incorrect html, such as missing closing tags or similar issues.

<strong><strong>Onze diensten</strong></strong>

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,
Ismael

Hey annameis,

Thank you for the inquiry.

It’s possible to move the default top header above the main menu. Please start with this css code:

#header_meta {
    position: absolute;
    right: 0;
    border: 0;
    background: transparent;
}

You can then add additional style adjustments as needed.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

The buttons seem to be displaying correctly now. Did you figure out the issue?

Best regards,
Ismael

Hey Pascal Oberndörfer,

Thank you for the inquiry.

The theme should be compatible with the latest version of WordPress (6.9.0). If you encounter any issues, please feel free to open another thread here in the forum.

Best regards,
Ismael

Hi,

Glad we could help! Please don’t hesitate to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey ThorstenFB,

Thank you for the inquiry.

This should be possible with a custom css modification. Try to set the Styling > Columns > Column count to 6 columns, then add this css code.

@media only screen and (min-width: 989px) {
  .av-masonry-col-6 .av-masonry-entry {
    width: 14.28%;
  }
}

If you need to apply this to a specific Masonry element, try using the Custom CSS Class option as described in the following documentation.

— https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you or the update.

Have you tried upgrading to PHP 8.4? We have tested the theme on this version, and everything runs as expected. It’s possible that some plugins in your installation are not compatible with the latest PHP versions. Try to deactivate all plugins, upgrade the PHP version and then check if the errors or issues persist.

Best regards,
Ismael

Hey Johannes,

Thank you for the inquiry.

You have to edit the cells with the background image, go to Advanced > Developer Settings, and apply the Custom CSS Class name “av-cell-with-image”. After that, add the following css in the Enfold > General Styling > Quick CSS field code to set a minimum height for the cell, which will also enlarge the image.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .av-cell-with-image {
    min-height: 300px;
  }
}

Please check this link for more info on adding custom css class names to builder elements.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

@vaclavdanek: Where can we check the issue? Please open a new thread and provide the URL to a test page so we can look into it further.

Best regards,
Ismael

Hi,

Great! Please don’t hesitate to open another thread if you have any further questions. Happy New Year!

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The white background is from the image overlay — adding this css code should remove it.

.avia_transform a .image-overlay {
    background-color: transparent;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add any modifications to the theme, specifically in the functions.php file? If you can provide the login details in the private field, we’ll take a closer look.

Best regards,
Ismael

Hi,

We’ll keep the thread open. Feel free to update us with any information. Thank you for your patience.

Best regards,
Ismael