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

Hi,

The header’s background color is initially transparent and changes to black on scroll. Please check the screenshot below:

View post on imgur.com

Best regards,
Ismael

Hi,

The script seems to be working, as shown in the screenshot below.

View post on imgur.com

Best regards,
Ismael

Hi,

Please try @Guenni007’s suggestion above.

Best regards,
Ismael

Hi,

We tried to edit the page but we get this error from BitNinja.

View post on imgur.com

Please contact your hosting provider for more info.

Best regards,
Ismael

Hi,

The site is no longer loading on our end. Are you currently editing it?

We tested the video on our end, apply it as the background of the color section and it seems to be loading correctly.

View post on imgur.com

Best regards,
Ismael