Hi,

Great! Thank you for the info.

Best regards,
Ismael

Hey mickhb,

Thank you for the inquiry.

Did you figure out the issue? The section with the video seems to be displaying correctly. Please see the screenshot below:

View post on imgur.com

Best regards,
Ismael

Hey mickhb,

Thank you for the inquiry.

Have you tried using the Layer Slider plugin? The effect on the sample page is a bit complex, so replicating it may require significant modifications.

Best regards,
Ismael

Hi,

Glad it worked! Feel free to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update. Try adding this css code and let us know the result.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av_header_transparency {
    background-color: transparent !important;
  }
}

Best regards,
Ismael

Hi,

Thank you for the screenshots.

You can use this css code to create the desired layout. Add the image or icon as background of the ::after pseudo-element.

#top #header.av_minimal_header .main_menu ul:first-child > li > ul > li:first-child a::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 1px;
    background: #5e504a;
}

#top #header.av_minimal_header .main_menu ul:first-child > li > ul > li:first-child a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 20px;
    background-image: url('your-image-url.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
}

Result:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can use this css code to adjust the height of the title in the breadcrumb container.

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

  /* Add your Mobile Styles here */
  #top .title_container .main-title {
    line-height: 0.8em;
    margin-bottom: 20px;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

What happens when you delete the stylesheet in the dynamic_avia folder and re-save the theme options?

Best regards,
Ismael

Hi,

Do I need to add soms z-index code to ensure it’s always shown on top?

Yes, you have to adjust the z-index of the widget containing the search icon.

Best regards,
Ismael

Hey Oriano,

Thank you for the inquiry.

You can modify the includes > loop-index.php file and look for this code around line 573:

if( $show_meta_tags && has_tag() )
							{
								$meta_tags  = '<span class="blog-tags-header minor-meta">';
								$meta_tags .=		get_the_tag_list( __( 'Tags:', 'avia_framework' ) . ' <span> ', ', ', '</span>' );
								$meta_tags .= '</span>';

								$meta_info['tags'] = $meta_tags;
							}

You can move it below this block of code (526):

if( 'blog-meta-category' == avia_get_option( 'blog-meta-category' ) )
						{
							if( ! empty( $cats ) )
							{
								$meta_cats  = '<span class="blog-categories minor-meta">' . __( 'in', 'avia_framework') . ' ';
								$meta_cats .=	trim( $cats );
								$meta_cats .= '</span>';

								$meta_info['categories'] = $meta_cats;
							}
						}

Or you can remove the is_single() condition and the if ( $show_meta_tags && has_tag() ) block.

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

You can use the following css code to adjust the height of the burger menu items and the width of the overlay container.

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 2em;
    height: auto;
    padding: 15px 50px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll {
    width: calc(100vw - 65%);
}

Best regards,
Ismael

Hi,

Great! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

I’m not able to save this snippet into a widget code block because of some errors in the code.

You have to add the code in the functions.php file, then use the [avia_search] shortcode in a text or html widget. Please try it again.

Best regards,
Ismael

Hey Nath,

Thank you for the inquiry.

The automatic demo import in the dashboard does not work correctly with OVH hosting. You will need to download the demo XML files and upload them manually to your server via FTP. For more info, please check this link: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hi,

Thank you for the update.

Try to use this shortcode instead:

function avia_search_cb() {
    ob_start();
    ?>
    <span id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem">
        <a class="avia-svg-icon avia-font-svg_entypo-fontello"
        aria-label="Search"
        href="?s="
        rel="nofollow"
        title="Click to open the search input field"
        data-avia-search-tooltip='<?php echo esc_attr("
    <search>
        <form role='search' action='" . home_url() . "' id='searchform' method='get'>
<div>
                <span class='av_searchform_search avia-svg-icon avia-font-svg_entypo-fontello' data-av_svg_icon='search' data-av_iconset='svg_entypo-fontello'>
                    <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='25' height='32' viewBox='0 0 25 32' preserveAspectRatio='xMidYMid meet' role='graphics-symbol' aria-hidden='true'>
                        <title>Search</title>
                        <desc>Search</desc>
                        <path d='M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z'></path>
                    </svg>
                </span>
                <input type='submit' value='' id='searchsubmit' class='button' title='Enter at least 3 characters to show search results in a dropdown or click to route to search result page to show all results' />
                <input type='search' id='s' name='s' value='' aria-label='Search' placeholder='Search' required /></div>
</form>
    </search>
    "); ?>'
        data-av_svg_icon="search"
        data-av_iconset="svg_entypo-fontello">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32" preserveAspectRatio="xMidYMid meet" role="graphics-symbol" aria-hidden="true">
                <title>Click to open the search input field</title>
                <desc>Click to open the search input field</desc>
                <path d="M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z"></path>
            </svg>
            <span class="avia_hidden_link_text">Search</span>
        </a>
    </span>
    <?php
    return ob_get_clean();
}
add_shortcode('avia_search', 'avia_search_cb');

Best regards,
Ismael