Hey!

Did you try the suggestion above? The background image option is in the Styling > Background Images toggle of each Grid Item. Edit the flipbox element, click one of the grid items, go to the Styling tab, then click Background Images toggle. You should see the background image options for the front and back flipbox.

Best regards,
Ismael

Hey Christabel1,

Thank you for the inquiry.

The custom font manager only accepts Google Fonts, custom fonts from other sources will not work properly. You will have to register the font manually using the @font-face rule and apply it manually to the elements by adding css rules.

// https://www.w3schools.com/cssref/css3_pr_font-face_rule.php
// https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Best regards,
Ismael

Hey smarta-brett,

Thank you for the inquiry.

We cannot reproduce the issue on our end. The background of the section with the title “Online Video Classes” is black both on desktop and mobile view. Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The green line below the heading is a separate element which is called Separator/Whitespace. You will have to manually add this element below each heading using the builder, or create duplicates of the existing separator element and reposition them accordingly.

Best regards,
Ismael

Hey spooniverse,

Thank you for the inquiry.

This option is not available with the Masonry Gallery element, unfortunately. It is possible using Isotope and Shuffle scripts, but it will require modifications that are beyond the scope of support. You will have to use the Masonry element instead and create posts for each image if you want the items to be sortable by categories.

Best regards,
Ismael

Hey theovh,

Thank you for the inquiry.

You can add the following css code to decrease the size of the logo on tablet view. This should create more space for the menu items and prevent them from covering the logo.

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .logo img, .logo svg {
    height: 60px;
    top: 10px;
  }
}

You can also include this code inside the css media query above to decrease the font size of the menu items and adjust the padding on both sides.

#top #header .av-main-nav > li > a {
	font-size: 10px;
	padding: 0 8px;
}

Best regards,
Ismael

Hey Tanja,

Thank you for the inquiry.

You can use this css code to center align the promobox content on mobile view.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia-promocontent {
    text-align: center;
  }
}

If you need to apply a margin below the content to create some space, please use this instead.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive .avia-promocontent {
    text-align: center;
    margin-bottom: 20px;
  }
}

Best regards,
Ismael

Hey Kath,

Thank you for the inquiry.

Some of the items in the list above lack context and may be a bit vague, such as “Identify best database backend for [client] and help us implement.” However, it seems that many of the features and functionalities you are looking for will require a plugin or WordPress extension. For example, while membership and events platforms are not built into any WordPress themes, plugins such as MemberPress or The Events Calendar can be used to add these capabilities. Additionally, securing a WordPress installation does not depend on the theme itself but rather requires extensions like WordFence or Sucuri to minimize security threats, as well as continuous monitoring from developers. While these plugins can be used with any theme, they will require proper configuration, adjustments, and modifications.

Best regards,
Ismael

Hey daysailing,

Thank you for the inquiry.

Are you referring to the categories in the sidebar? You can edit it in the Appearance > Widgets panel. Please provide a screenshot using imgur, savvyify or dropbox.

Best regards,
Ismael

Hey DigitalEssence,

Thank you for the inquiry.

You should avoid switching between the editors once you’ve edited a page using the Advance Layout Builder. Doing so may affect the shortcodes and break the layout of the page. Are you still having the same issue with the slider?

Best regards,
Ismael

Hey reidmccallhhi,

Thank you for the inquiry.

The mobile menu is working properly on our end. Which browser and device are you using? You may need to clear the cache or do a hard refresh. Please provide a screenshot or a short clip of the issue using imgur, savvyify or dropbox.

Best regards,
Ismael

Hey jaimemerz,

Thank you for the inquiry.

This option is not available at the moment, but you can use the Featured Slider to display the products one at a time. You can also create a product slider using the Layer Slider element but this will require some customization.

Best regards,
Ismael

Hey Keith,

Thank you for the inquiry.

You can use the following css code to pull the third item upward, closer to the second testimonial item.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .avia-testimonial-wrapper.av-k16l1fui-f0740c72dd84258aeed814f5e05ea0db {
    padding: 0;
    margin-top: -50px;
  }
}

Best regards,
Ismael

Hi,

Thanks @Guenni007! :)

Best regards,
Ismael

Hi,

No problem. Please feel free to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael