Hey gatehealing,

Thank you for the inquiry.

We’re not sure we understand the issue. Would you mind providing a screenshot of the search icon? Could you clarify what you mean by “in-between size”. and how you get to this size? Are you using a device with a specific model?

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to access the site to properly check the issue. Please provide the login details in the private field and make sure that the Appearance > Theme File Editor is accessible.

Best regards,
Ismael

Hi,

Thank you for the update.

The icons seem to be displaying correctly when we checked. Regarding the map, please make sure that the JavaScript API is activated in your Google project.

// https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error

Review the documentation below for more info.

// https://kriesi.at/documentation/enfold/google-map/#how-to-register-a-google-maps-api-key

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to display the burger menu on mobile view:

@media only screen and (max-width: 767px) {
     /* Add your Mobile Styles here */
    .responsive #header_main_alternate {
        display: block;
    }
}

Best regards,
Ismael

Hey Monika,

Thank you for the inquiry.

The content is still center-aligned, but the text gets pushed out of the container because of the column padding.

.flex_column.av-m2w8a60p-13fc3685d08ecccadf0728ef376c8d28 {
    padding: 100px 100px 100px 60px;
}

Have you tried adjusting the padding and margins on smaller screens? Edit the settings, then toggle the device icons to adjust the values for different sizes.

Best regards,
Ismael

Hey michelebond,

Thank you for the inquiry.

Did you set the Styling > General Styling > List Styling settings to Minimal small list? Please try to reset it to default, or add this css code:

#top .av-iconlist-small li {
    padding: 10px 0;
}

Best regards,
Ismael

Hi,

We adjusted the css code a bit:

#menu-item-691 .avia-menu-text {
    color: #fff;
    background: linear-gradient(-45deg,#FFA63D,#FF3D77,#338AFF,#3CF0C5);
    background-size: 600%;
    border: none !important;
    animation: anime 14s linear infinite;
    padding: 11px 20px !important;
    overflow: hidden;
}

@keyframes anime {
  0% { background-position:0% 50% }
  50% { background-position:100% 50% }
  100% { background-position:0% 50% }
}

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working on our end. The text color is no longer black on hover. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache before checking the page.

Best regards,
Ismael

Hey Lars,

Thank you for the inquiry.

Which element are you using to display the events? If you’re using the Upcoming Events Dountdown element, please note that this element can display only the original event, not recurring events. You may need to rely on the default plugin shortcodes for this.

// https://theeventscalendar.com/knowledgebase/shortcodes/

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

There is no option for this by default, but you can try this code in the functions.php file:

function av_search_and_category_dropdown() {
    if (is_shop() || is_product_category() || is_product_taxonomy()) {
        echo '<div class="av-mobile-search-category-dropdown">';
        ?>
        <form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url(home_url('/')); ?>">
            <div style="display: flex; flex-direction: column;">
                <select name="product_cat" id="product_cat" style="width: 100%;">
                    <option value=""><?php _e('Select Category', 'woocommerce'); ?></option>
                    <?php
                    $categories = get_terms('product_cat');
                    foreach ($categories as $category) {
                        echo '<option value="' . esc_attr($category->slug) . '">' . esc_html($category->name) . '</option>';
                    }
                    ?>
                </select>
                <input type="text" placeholder="<?php _e('Search products...', 'woocommerce'); ?>" name="s" id="s" />
                <input type="hidden" name="post_type" value="product" />
                <button type="submit"><?php _e('Search', 'woocommerce'); ?></button>
            </div>
        </form>
        <?php
        echo '</div>';
    }
}
add_action('woocommerce_before_shop_loop', 'av_search_and_category_dropdown');

function av_prevent_single_product_redirect($query) {
    if (!is_admin() && $query->is_main_query() && $query->is_search() && is_search()) {
        $query->set('post_type', array('product'));
        $query->set('posts_per_page', 12); 
    }
    remove_action('template_redirect', 'wc_template_redirect'); 
}
add_action('pre_get_posts', 'av_prevent_single_product_redirect');

Then add this css code to only display the form on mobile view:

/* Hide search and category dropdown on larger screens */
.av-mobile-search-category-dropdown {
    display: none;
}

/* Show on mobile screens only */
@media (max-width: 768px) {
    .av-mobile-search-category-dropdown {
        display: block;
        padding: 10px;
        background-color: #f9f9f9;
    }
}

Best regards,
Ismael

Hey yoncay,

Thank you for the inquiry.

You may need to wrap the iframe in a container and then apply a minimum height to that container.

Example:

<div style="min-height: 500px; position: relative;">
    <iframe 
        style="position: absolute; left: 0; right: 0; top: 0; border-radius: 15px; border: 0; margin: 0 auto;" 
        src="https://3d-configurator.arimars.com/arimars/AutumnSeasonTshirt" 
        width="560" 
        height="500">
    </iframe></div>

Best regards,
Ismael

Hey nancyT,

Thank you for the inquiry.

This issue has been fixed in the latest version of the theme. Please upgrade to version 6.0.6 or add this hook in the functions.php file:

function admin_head_mod() {
echo '<style type="text/css">
	#postbox-container-2 { clear: left; }
	.index-php #postbox-container-2 { clear: none; }
</style>';
}
add_action('admin_head', 'admin_head_mod');

Best regards,
Ismael

Hi,

Alright! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Silje,

Thank you for the inquiry.

Have you tried adjusting the color values in the Enfold > General Styling > Main Content tab? To fix the issue temporarily, please disable the Autoptimize and cache plugin, then add this css code:

#top .main_color .input-text, #top .main_color input[type=text], #top .main_color input[type=input], #top .main_color input[type=password], #top .main_color input[type=email], #top .main_color input[type=number], #top .main_color input[type=url], #top .main_color input[type=tel], #top .main_color input[type=search], #top 
 .main_color textarea, #top .main_color select {
   border-color: black;
   background-color: white;
   color: gray;
   font-family: inherit;
}

Best regards,
Ismael

Hey michelebond,

Thank you for the inquiry.

You can use this css code to adjust the color of the widget title:

.main_color div .news-headline .news-title {
    color: #ffffff;
}

Best regards,
Ismael