Hey ermington,

Thank you for the inquiry.

Where do you see this info? Would you mind providing a screenshot of it? 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 Enfoldfanatic,

Thank you for the inquiry.

We made slight adjustments to the css code to make sure that the search icon remains visible alongside the burger menu icon.

/* Activate burger menu */
@media only screen and (max-width: 1224px) {
  #top #header .av-main-nav>li.menu-item {
    display: none !important;
  }

  #top #header .av-burger-menu-main,
  #top #header .menu-item-search-dropdown {
    cursor: pointer;
    display: block !important;
  }
}

Best regards,
Ismael

Hey tsays,

Thank you for the inquiry.

The title “When Should a Startup Hire a PR Firm?” was manually added to the post content. Have you tried editing the post and adjusting the element manually?

Best regards,
Ismael

Hey keep12,

Thank you for the inquiry.

Are you trying to replace h3 with another tag? Please try this script in the functions.php file.

function ava_custom_script_c()
{
    ?>
	<script>
		(function($) {
			$(document).ready(function () {
                // replace h3 with h2
                $('h3.av-masonry-entry-title').replaceWith(function() {
                    return $('<h2>', { class: $(this).attr('class'), itemprop: $(this).attr('itemprop'), html: $(this).html() });
                });
            });
		}(jQuery)); 
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_script_c');

This script will convert all elements with the class “av-masonry-entry-title” from < h3 > to < h2 >.

Best regards,
Ismael

Hey solinpaul2,

Thank you for the inquiry.

The transparent and fixed header options are disabled on mobile devices by default. The header will remain static on smaller screens without transparency. We could add a few css modification to re-enable these options, but we don’t recommend it.

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

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

  #top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #333333;
    border-color: #e1e1e1;
  }
}

Best regards,
Ismael

Hey goldengate415,

Thank you for the inquiry.

As mentioned in the previous post, you can use the avf_modify_thumb_size filter to disable certain registered thumbnails, preventing the theme from generating unwanted image sizes and saving space.

add_filter('avf_modify_thumb_size', 'avf_modify_thumb_size_mod', 10, 1);
function avf_modify_thumb_size_mod($size) {
    unset($size['magazine']);
    unset($size['widget']);
    unset($size['portfolio_small']);
    unset($size['gallery']);
    unset($size['entry_with_sidebar']);
    unset($size['entry_without_sidebar']);
    unset($size['shop_thumbnail']);
    unset($size['shop_catalog']);
    unset($size['shop_single']);
    return $size;
}

Once the filter is added, you can use the following plugin to regenerate the thumbnails.

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

Please make sure to create a site backup before doing any of the above.

Best regards,
Ismael

Hi,

In the video player settings, we’ve turned on the “Hide Video Controls” yet when the page loads, the controls appear. How can we fix this?

Are you using a Vimeo video? Please note that the “Hide Video Controls” option is intended to work with YouTube and self-hosted videos only. This limitation is specified in the option description.

Check if you want to hide the controls (works for youtube and self hosted videos)

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t find the script anywhere in the document. Where did you put the script? Please enable the Appearance > Theme File Editor panel so that we can test the script properly. You can place this code in the wp-config.php file.

define( 'DISALLOW_FILE_EDIT', false );
define( 'DISALLOW_FILE_MODS', false );

// https://world.siteground.com/kb/how-to-disable-theme-editor-and-plugin-editor-in-wordpress-admin-panel/

Best regards,
Ismael

Hey joandjaxx,

Thank you for the inquiry.

You can replace the modification with the following code.

/* Icon Size */
.iconbox [data-av_icon]:before {
    font-size: 50px!important;
}
.iconbox_icon {
    margin-right:20px!important;
}

Best regards,
Ismael

Hey biggsuccess,

Thank you for the inquiry.

We have found an extra curly brace in the css code above, which renders the css rules below it invalid. We also adjusted the position of the css media queries.

.main_menu {
  background: white;
}

#top #header_meta a,
#top #header_meta li,
#top #header_meta .phone-info {
  font-size: 14px;
}

.avia-layerslider {
  box-shadow: none !important;
  border-top-width: 0 !important;
}

div#after_layer_slider_1 {
  border-top: none !important;
}

.home #main>.container_wrap_first>.container>.content {
  padding-bottom: 0;
}

@media only screen and (max-width: 430px) {
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 182px !important;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .responsive #top #wrap_all #main {
    padding-top: 119px !important;
  }
}

@media only screen and (max-width: 768px) {
  .responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: 100% !important;
  }

  .responsive #top #header #header_main .inner-container .widget .avia-button.avia-size-medium {
    padding: 12px 5px 10px;
    font-size: 12px;
    min-width: 60px;
  }

  .responsive #top #header #header_main .inner-container .widget>div {
    padding: 0;
  }

  .responsive #top #header #header_main .inner-container .widget>div>div {
    text-align: center;
  }
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

You should be able to use the following css code to adjust the position of the submenu container.

#top #header.av_header_transparency .avia_mega_div {
    margin-top: 1px;
    padding-top: 1px;
    left: -40px !important;
}

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

The style issue occurs because of the cell’s padding. To fix the issue, we can override the default padding settings with this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_cell.av-lnzk99u3-2367dbc24f2a8c0e8958288f6e1097b4 {
    padding: 20px !important;
  }
}

Best regards,
Ismael

Hey maryenvato,

Thank you for the inquiry.

We can add a few css modifications in the Enfold > General Styling > Quick CSS field to adjust the style of the first column on smaller screens. Please start with this css code.

@media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
  .av_textblock_section.av-lr4yjeic-cd8285095e8d65e185685adbb051d6f7 table th.avia-desc-col {
    font-size: 0.9em;
    word-break: break-word;
    width: 130px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after applying the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

You might have viewed a cached version of the page without the recent changes. To avoid this, try disabling the cache and compression plugins while editing the site, or make sure to purge the cache before checking the changes you’ve made to the site.

Best regards,
Ismael

Hi,

Thank you for the update.

Can you confirm if it’s ok to leave the CSS file merging and compression disabled?

Yes, you can leave compression disabled while editing the site to ensure that the changes you’ve made are reflected immediately on the front end. You can enable it again once you’re done editing the site.

Best regards,
Ismael