Hey ebenanders,

Thank you for the inquiry.

Did you add any css modifications in the Quick CSS field or in the child theme’s style.css file? Please provide the site URL in the private field and post a screenshot of the issue. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

You can use the following css code to adjust the style of the elements inside the header meta or the small bar above the main menu.

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 300;
    text-decoration: none !important;
}

#header_meta .sub_menu {
    float: left;
    z-index: 2;
    font-size: 1.2em;
    line-height: 30px;
    position: relative;
    top: 10px;
}

#header_meta .phone-info {
    float: left;
    font-weight: bold;
    line-height: 20px;
    font-size: 1.2em;
    padding: 5px 0;
}

And to re-enable the social bookmarks on mobile view, you can include this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hey TBant,

Thank you for the inquiry.

You can create a custom shortcode for the Page Sidebar Navigation and add it to your fullwidth pages using a Text or Code Block element. Please add this code in the functions.php file.

function avs_sidebar_menu_cb( $atts ){
	return avia_sidebar_menu($echo = true);
}
add_shortcode( 'avs_sidebar_menu', 'avs_sidebar_menu_cb' );

You can then use the following shortcode in the builder.

[avs_sidebar_menu]

Best regards,
Ismael

Hi,

Great! Glad to know that this has been resolved. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the css code? Please add it again, then include the following css rule to hide the duplicate social icons beside the burger menu.

.responsive #top #header_main .main_menu .social_bookmarks {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the update.

The style of the layers should automatically adjust based on the screen width. If this is not working as intended, you can toggle the layers’ visibility on different screen sizes. Edit the layer, then look for the Toggle Device Visibility in the Layer Settings > Content panel. You can choose to hide a specific layer on mobile devices and display a different element with styles configured for smaller screens.

Best regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

I would like the first column of the table version to be more narrow.

The width of the table columns automatically adjusts based on the number of columns and the length of the content. If you need to manually adjust the width of the first column, you can add this css code.

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
    width: 30%;
}

Best regards,
Ismael

Hey ontariotraining,

Thank you for the inquiry.

Did you previously set the Enfold > Footer Options > Default Footer & Socket Settings to Page based Footer options? Please make sure that the Select Page dropdown is set to Select Page to deselect the custom footer page before selecting a non-Page based Footer option. Or provide the login details in the private field so that we can check the settings.

Best regards,
Ismael

Hi,

Good to know that the suggestions worked! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Maggie,

Thank you for the inquiry.

You can extend or renew the support license from your Themeforest account. Please check the documentation below for more info.

// https://help.market.envato.com/hc/en-us/articles/207886473-Extend-or-renew-Item-Support

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Have you tried regenerating the thumbnails? You can use the plugin suggested by @Guenni007 above or the plugin linked below.

// https://wordpress.org/plugins/regenerate-thumbnails/

Please make sure to create a site backup or restore point before regenerating the thumbnails just in case.

Best regards,
Ismael

Hey northorie,

Thank you for the inquiry.

1.) You can add this css code to adjust the height or size of the image containers inside the cells.

.responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner {
    height: 100%;
}

.responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container {
    height: 33%;
}

.responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

2.) You can edit the Grid Row element and set the Advanced > Responsive > Fullwidth Break Point settings to the section option. For the columns, you can edit the first column in the row, then adjust the Fullwidth Break Point settings in the Row Settings > Row Screen Options toggle.

Best regards,
Ismael

Hi,

Thank you for the update.

The API keys for Google Maps and ReCAPTCHA are missing from the Enfold > Google Services panel. Where did you place the API keys?

Please provide the API keys in the private field so that we can test it. Make sure to add the site domain as an http referrer. For more info, please check the following link.

// https://kriesi.at/documentation/enfold/google-map/#add-an-api-key

Best regards,
Ismael

Hey Oriano,

Thank you for the inquiry.

Please remove the previous modification, then use the following css code instead.

@media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hi,

Thank you for the info.

You can add the top css property to the previous css code to adjust the vertical position of the icon.

#menu-item-39 span.avia-menu-text:before {
    content: url(https://img.icons8.com/color/17/wordpress.png);
    display: inline;
    padding-right: 10px;
    vertical-align: sub;
    top: 1px;
    position: relative;
}

We tried to apply this modification to the site but the account above is not an admin.

Best regards,
Ismael