Viewing 30 results - 2,941 through 2,970 (of 142,851 total)
  • Author
    Search Results
  • #1472871

    Well you have to remove all custom classes from that snippet above and if you like to influence even those standard column settings as 767px break
    try instead:

    @media only screen and (max-width: 1099px) {
        .responsive #top #wrap_all .flex_column {
            margin: 0;
            margin-bottom: 0px;
            margin-bottom: 20px;
            width: 100%;
            display: block;
        }
        .responsive #top #wrap_all .av-column-wrapper-individual.av-mobile-columns-flex {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .responsive #top #wrap_all .av-mobile-columns-flex.av-columns-reverse, 
        .responsive #top #wrap_all .av-column-wrapper-individual.av-mobile-columns-flex.av-columns-reverse {
            flex-direction: column-reverse !important;
        }
    }
    #1472868

    In reply to: Deep link and open tab

    Hi!

    Thank you for the update.

    We adjusted the script a bit — please try it again. If it’s still not working, please provide the login details in the private field so that we can test it.

    function ava_custom_script_tab_section_scroll() {
        ?>
        <script type="text/javascript">
            (function($) {
                function avScrollToTab(hash) {
                    if (!hash) return;
    
                    var anchorElement = $('[href="' + hash + '"]');
                    var parentTab = anchorElement.closest('.av-layout-tab');
                    var tabSectionId = parentTab.data('tab-section-id');
    
                    if (tabSectionId) {
                        var targetTab = $('.av-section-tab-title[href="#' + tabSectionId + '"]');
                        if (targetTab.length) {
                            var position = targetTab.offset().top;
    
                            targetTab.trigger('click');
    
                            setTimeout(function() {
                                $('html, body').animate({ scrollTop: position - 100 }, 500);
                            }, 300);
                        }
                    }
                }
    
                $(document).ready(function() {
                    $(window).on('load', function() {
                        avScrollToTab(window.location.hash);
                    });
                });
            })(jQuery);
        </script>
        <?php
    }
    add_action('wp_footer', 'ava_custom_script_tab_section_scroll', 9999);
    
    

    Best regards,
    Ismael

    #1472857

    In reply to: Google Tag Manager ID

    Hey schwabino,

    Is this the same problem as in this thread? https://kriesi.at/support/topic/adding-google-tag-manager-script-to-the-site/. If so, then please don’t open more than one thread for the same problem.

    Best regards,
    Rikard

    #1472855

    Hey evadietetique,

    It might be easier if you simply add the shortcodes for that demo to a new page, since it’s only a single page. Please activate debug mode under Enfold->Layout Builder->Show Advanced Options, then paste this shortcode in the window which will appear under the regular layout window:

    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='welcome' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-busuf8']
    [av_cell_one_half vertical_align='middle' padding='200px,0px,200px,0px' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/freelancer-girl.jpg' attachment='219' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-bqgyjg']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/bg.jpg' attachment='217' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-bjr95g']
    
    [av_heading tag='h1' padding='0' heading='Welcome!' color='' style='blockquote modern-quote' custom_font='' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-bclyt0'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-b880uk']
    
    [av_textblock size='25' font_color='custom' color='#000000' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-13rf10']
    I am Sarah, an experienced California based freelancer. I specialise in graphic design & user interfaces as well as photo, video & audio editing.
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-awl6x0']
    
    [av_button label='Learn more!' link='manually,#next-section' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#c3aca1' custom_font='#ffffff' admin_preview_bg='' av_uid='av-am3mbo']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='recent' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-ajcq50']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#d3c3bc' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-ab65z0']
    
    [av_heading tag='h1' padding='0' heading='Recent Projects' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-a8puyk'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-a2eatw']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-9v34ak']
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-9piuf0']
    
    [av_masonry_gallery ids='230,229,228,227,226,225' items='6' columns='2' paginate='none' size='fixed' orientation='av-orientation-square' gap='large' overlay_fx='active' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='custom' custom_bg='#bfada5' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-9g38c4']
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-9eclpg']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/sketches.jpg' attachment='223' attachment_size='full' background_attachment='fixed' background_position='center right' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-96xub8']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='services' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-90wqq4']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/laptop-hands.jpg' attachment='220' attachment_size='full' background_attachment='fixed' background_position='center center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-8tm1xo']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-8pbwjw']
    
    [av_heading tag='h1' padding='0' heading='Services' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#c3aca1' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-8hz9jo'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-8abezo']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-86jvd0']
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='60' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-82hb4k']
    
    [av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-7sqofw']
    
    [av_font_icon icon='ue826' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-7rluj8'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-7kegkk']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-7fhz6c']
    <h4 style="text-align: center;">Research</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [av_hr class='custom' height='8' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='40px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' admin_preview_bg='' av_uid='av-75qm98']
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-737w1w']
    
    [av_font_icon icon='ue8c0' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-6ty4mc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-6p8lzw']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-6iw7rw']
    <h4 style="text-align: center;">Design</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [av_hr class='custom' height='8' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='40px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' admin_preview_bg='' av_uid='av-6d8t8s']
    
    [/av_one_half][av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-66pnys']
    
    [av_font_icon icon='ue80e' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5zd8oc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-5xjz50']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5os6b8']
    <h4 style="text-align: center;">Photography</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-5jx5dw']
    
    [av_font_icon icon='ue856' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5d2kuc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-59xkxw']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-50iuhw']
    <h4 style="text-align: center;">Development</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [/av_one_half][/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='about' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-4usz8c']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#d3c3bc' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-4pxp1o']
    
    [av_heading tag='h1' padding='0' heading='About me' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4k9wmk'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-4dvesc']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-46o1lg']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-41bgq4']
    
    [av_heading tag='h1' padding='0' heading='Skills' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-3x52dg'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-3o141o']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-3kiqnw']
    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
    [/av_textblock]
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='10px' margin_sync='true' padding='30px' padding_sync='true' border='5' border_color='#c3aca1' radius='0px' radius_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-c0rn0']
    
    [av_progress bar_styling='av-flat-bar' bar_animation='av-animated-bar' bar_styling_secondary='av-small-bar' show_percentage='av-show-bar-percentage' bar_height='4' admin_preview_bg='' av_uid='av-39fubo']
    [av_progress_bar title='Web Design' progress='100' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-30j064']
    [av_progress_bar title='Web Development' progress='90' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-2ubch0']
    [av_progress_bar title='Photography' progress='90' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-2t3k30']
    [/av_progress]
    
    [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/freelance-girl-relax.jpg' attachment='218' attachment_size='full' background_attachment='fixed' background_position='center right' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-2ietrw']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='contact' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-2extrw']
    
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/tochscreen.jpg' attachment='224' attachment_size='full' background_attachment='fixed' background_position='center center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-280shw']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#85a7ca' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center right' background_repeat='contain' mobile_display='' av_uid='av-23kzes']
    
    [av_heading tag='h1' padding='0' heading='Get in touch' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-1z2mi4'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-1rakpo']
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='#a95e33' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-1lcqes']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-1f2rdo']
    <h2>Address</h2>
    10800 West Pico Boulevard Infinity Loop
    Cupertino, Los Angeles, USA
    <h2></h2>
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='#a95e33' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-172ues']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-10nq70']
    <h2>Opening Hours:</h2>
    Mo-Fr: 8:00-19:00
    Sa: 8:00-14:00
    So: closed
    <h2></h2>
    [/av_textblock]
    
    [/av_one_half][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-vk6xw']
    [av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-2fvqs'][/av_contact_field]
    [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-k3aqs'][/av_contact_field]
    [av_contact_field label='Subject' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-hlg6c'][/av_contact_field]
    [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-pq38'][/av_contact_field]
    [/av_contact]
    
    [/av_cell_one_half][/av_layout_row]

    Best regards,
    Rikard

    #1472844

    Getting space left and right – use instead padding – and erase all your dummy empty links:
    f.e.:

    #top #header .avia_mega_div > .sub-menu {
      padding: 15px 17vw 15px 33vw !important;
    }

    why these values – they are relative and will shrink if the browser window screen shrinks.
    then – you got two empty links on left and one on the right side – so on total per row: 6 items
    right 1/6 space wanted ≈ 17% and left 2/6 space needed ≈ 33%

    #1472843

    that css you have above does not help – because Structure was different and all classes are not present

    But try f.e. instead:

    #top #header .avia_mega_div {
      position: fixed !important;
      width: 100vw !important;
      height: 0px;
      left: 0px !important;
      right: 0px !important;
      top: 120px !important;
      background-color: rgba(255,255,255,0.8) !important;
      backdrop-filter: blur(8px);
      border-radius: 0 !important;
      border: 1px solid #ffffff !important;
      opacity: 0 !important; 
      display: block !important;
      transition: all 0.7s ease 
    }
    
    #top #header .menu-item-mega-parent:hover  .avia_mega_div {
      height: 220px;
      opacity: 1 !important; 
      transition: all 0.7s ease
    }
    
    #top #header .avia_mega_div .menu-item {
      opacity: 0;
      position: relative;
      transform: translateY(-120%);
      transition: transform 1s cubic-bezier(.68,-0.55,.27,1.55) 0.3s, opacity 0.3s ease ;
    }
    
    #top #header .menu-item-mega-parent:hover .avia_mega_div .menu-item {
      opacity: 1;
      transform: none;
      transition: transform 1s cubic-bezier(.68,-0.55,.27,1.55) 0.3s, opacity 0.3s ease ;
    }
    #1472841

    First of all – The Top Positioning of 140px will cause some troubles. If the visitor moves the mouse down to click a link – and hovers the empty space – the mega div will close in some cases.

    Does a full-width Mega Div make sense if you fill the free spaces with blind links?

    #1472840

    Hi guys,

    I’ve got the mega-menu navigation to be full width by modifying Guenni007’s CSS. Test with the “SERVICES” mega-menu item.
    My /dev/ site: https://bclaunchpad.com/dev58/

    /* === makes nav full width with addition of BLANK links === */
    #top #header .avia_mega_div {
      position: fixed !important;
      width: 100vw !important;
      left: 0vw !important;
      right: 1.5vw !important;
      top: 140px !important;
      background-color: rgba(255,255,255,0.8) !important;
      -webkit-backdrop-filter: blur(5px) !important;
      backdrop-filter: blur(5px) !important;
      border-radius: 0 !important;
      border: 1px solid #ffffff !important;
    }
    
    #top #header .avia_mega_div ul {
    background-color: transparent !important;
    }
    
    /* ================ */
    
    .blank-link > span.mega_menu_title { 
    clear: both !important; 
    color: transparent !important; 
    }

    Now, if you could possibly help me make the mega-menu (drop down) items ease-in from the top as in this example, that would be great.
    Sample site the client likes: https://qpokc.com/services/offset-printing

    Here’s the CSS from the example site, but I’m not sure how to target the nav in the enfold theme drop down mega menus.

    @media (min-width: 968px) {
      .l-navigation .dropdown {
        position: absolute;
        visibility: hidden;
        background-color: #01237A;
        width: 100%;
        top: 100%;
        left: 0;
        transition: height 1s ease-in;
        padding: 15px 0 15px 0;
        overflow: hidden;
        z-index: 1000;
        margin-top: -18px;
      }
    }
    .l-navigation .dropdown ul {
      max-width: 670px;
      margin: 0 auto;
      transition: none;
      position: relative;
      top: -10px;
      display: inline-block;
      text-align: left;
    }
    @media (min-width: 968px) {
      .l-navigation .dropdown ul {
        opacity: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
        row-gap: 5px;
      }
    }
    .l-navigation .top-link-li:hover .dropdown {
      visibility: visible;
    }
    @media (min-width: 968px) {
      .l-navigation .top-link-li:hover .dropdown {
        transition: height 0.2s ease-in;
      }
    }
    @media (min-width: 968px) {
      .l-navigation .top-link-li:hover .dropdown ul {
        transition: all 0.5s ease-in-out;
        opacity: 1;
        top: 0;
      }
    }

    Thank you in advance!
    Shane

    #1472804

    so what i would do : give the section containing those columns a custom class – f.e.: break-at-1100
    choose on first column the break at : 989px ( to have that one class set and to use all benefits of ordering after break )
    you can choose reverse order or individual position – put this to your quick css ( now no page ID is needed – all will be done by the custom class)

    
    @media only screen and (max-width: 1099px) {
        .responsive #top #wrap_all .avia-section.break-at-1100 .flex_column.av-break-at-tablet {
            margin: 0;
            margin-bottom: 0px;
            margin-bottom: 20px;
            width: 100%;
            display: block;
        }
        .responsive #top #wrap_all .avia-section.break-at-1100 .av-break-at-tablet-flexwrapper.av-column-wrapper-individual.av-mobile-columns-flex {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .responsive #top #wrap_all .avia-section.break-at-1100 .av-break-at-tablet-flextable.av-mobile-columns-flex.av-columns-reverse, 
        .responsive #top #wrap_all .avia-section.break-at-1100 .av-break-at-tablet-flexwrapper.av-column-wrapper-individual.av-mobile-columns-flex.av-columns-reverse {
            flex-direction: column-reverse !important;
        }
    }

    see: https://webers-testseite.de/responsive-sizes/

    #1472801

    there is the option to break on 989px too

    in this case if you choose 989px the columns will have an extra class on flex_column: av-break-at-tablet

    the ruleset to handle repsonsive break is on default:

    @media only screen and (max-width: 989px) {
      .responsive #top #wrap_all .av-break-at-tablet .flex_cell, 
      .responsive #top #wrap_all .flex_column.av-break-at-tablet {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
      }
    }

    so if you like to change it on one page only and for columns you can use in combination with the page ID

    @media only screen and (max-width: 1099px) {
      .responsive #top.page-id-49045 #wrap_all .flex_column.av-break-at-tablet {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
      }
    }

    if you like to influence only a specific column group – use a custom class for that.

    #1472789

    Hi Guenni007

    I found this thread and have a related problem: https://kriesi.at/support/topic/lighthouse-csp-errors/

    The mods can’t help – can you offer any suggestions?

    Thanks.

    Hi Guenni007,

    Thank you for your note. I downloaded Footer.php and added it to the child theme. However, I can’t see any changes afterwards.
    The wav analysis still shows <main> as the landmark and there is no markup as a footer in the source code either.
    We use a normal page as a footer and have selected Replace footer and socket in the Enfold settings.
    I have tried to find a workaround to mark up the footer page, but so far without success.
    However, to comply with the Accessibility Act, the footer landmark is unfortunately absolutely necessary (marking up the socket area would be rather misleading on our website).
    Do you have any other ideas on this topic?

    Regards
    Stephan

    #1472774
    sidsingh78
    Participant

    I am currently using the Enfold Theme Version 6.0.6 with the following setup:

    WordPress Version: 6.7.1
    WooCommerce Version: 9.4.2
    I have encountered an issue on my WooCommerce product pages where the Description tab content appears twice. Specifically:
    The description appears as expected within the “Description” tab.
    A duplicate description is displayed directly under the same tab content or elsewhere on the product page.
    What I’ve Tried So Far
    I attempted to hide the duplicate content using the following CSS code in Theme > Customize > Additional CSS:

    #tab-description {
        display: none !important;
    }

    This caused the entire description tab to disappear, which is not my desired outcome.
    I also tried to suggest solutions for a similar issue from these threads.

    1. First One: Add this CSS code in Enfold > General Styling > Quick CSS:

    #top .wc-tab .yikes-custom-woo-tab-title {
        display: none;
    }

    2. Second One: Added the following CSS code in the Quick CSS field under the General Styling tab in the theme options.

    .woocommerce-variation-description {
        display: none;
    }

    Could you please guide me on how to resolve this issue so the description content appears only once in the correct tab?
    Thank you in advance for your support!
    Best regards,
    Sid

    • This topic was modified 1 year, 3 months ago by sidsingh78.
    #1472771

    In reply to: Deep link and open tab

    Hi,

    Thank you for the update.

    Please try this script instead:

    function ava_custom_script_tab_section_scroll() {
        ?>
        <script type="text/javascript">
            (function($) {
                function avGetHashFromEvent(event, target) {
                    if (event === 'load') {
                        return window.location.hash;
                    }
                    var locationHash = $(target).attr('href');
                    return locationHash ? locationHash.substring(locationHash.indexOf('#')) : '';
                }
    
                function avScrollToTab(hash) {
                    if (!hash) return;
    
                    var tab = $('.av-section-tab-title[href="' + hash + '"]');
                    var parentContainer = tab.closest('.av-tab-section-outer-container');
    
                    if (tab.length && parentContainer.length) {
                        var position = parentContainer.offset().top;
    
                        tab.trigger('click');
    
                        setTimeout(function() {
                            $('html, body').animate({ scrollTop: position - 100 }, 500);
                        }, 300);
                    }
                }
    
                function avTriggerScrollToTab(selector, event) {
                    $(selector).on(event, function(e) {
                        var hash = avGetHashFromEvent(event, this);
                        avScrollToTab(hash);
                    });
                }
    
                $(document).ready(function() {
                    var tabs = $('.av-tab-section-container');
                    if (tabs.length === 0) return;
    
                    avTriggerScrollToTab('.menu-item a', 'click');
    
                    $(window).on('load', function() {
                        avScrollToTab(window.location.hash);
                    });
                });
            })(jQuery);
        </script>
        <?php
    }
    add_action('wp_footer', 'ava_custom_script_tab_section_scroll', 9999);
    
    

    Best regards,
    Ismael

    #1472764

    Hi,

    Thank you for the update.

    You can use this css code to adjust the position of the header widget:

    #top #header .widget_ywraq_mini_list_quote {
        position: absolute;
        right: 20px;
    }

    Best regards,
    Ismael

    Hey JoStudioDeRijp,

    Thank you for the inquiry.

    There is no option for this by default but you can try this css code to insert an icon in the slider button.

    #top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button:before {
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 12px;
        top: 15px;
        content: '';
        font-family: 'entypo-fontello';
    }
    
    #top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button {
        padding-left: 30px;
    }
    

    Best regards,
    Ismael

    #1472755

    Hey ibuzaev,

    Thank you for the inquiry.

    There is no option for this by default but you can use this css code to hide the pagination.

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
        display: none;
    }

    Best regards,
    Ismael

    #1472746

    Hey mhannondesign,

    You have used an image file format which looks to be only supported by Safari.

    As of August 2024, only Safari supports HEIC format natively. For AVIF, Chrome, Firefox and Opera for desktop and Android support it. Safari on iOS 16 and iPadOS 16 supports AVIF format.

    Best regards,
    Rikard

    #1472713

    In reply to: Deep link and open tab

    Hey Mike,
    thank you but I didn’t mean a tab element but a tab section. And if I use a link like “/page#tabthree” the tabthree opens but the focus is on top of the page and not the top of the section. Or do I understand something wrong?
    Best regards
    Stefan

    #1472710

    Hello,
    Ever since the last WP update (6.7.1) the backend editor or page builder has stopped working and is simply displaying a white blank page.
    Thanks in advance for the support.
    Axel Garond

    brdrenaud
    Participant

    Hello,

    I have an issue in the portfolio items section.
    when I click on Default Editor, instead of activating the Advanced Layout Editor it scrolls to the top of the website. And Avia layout builder isn’t present in the Screen element either, making it impossible to change the portfolios elements on wp wich were made using ALB and causing issues on the elements on the website that used it.

    • This topic was modified 1 year, 3 months ago by brdrenaud.
    #1472683

    the icon you like to insert – is it a colored icon or do you like to use the white globe icon with that green background?

    if you like to use it as monochrome icon – i would upload that monochrome globe as svg to fontello and create your custom icon font set.
    Then you can use it like all the other entypo-fontello icons.

    if you like to use that bicolor globe icon – you can set those icons to display none and insert via pseudo container your colored icon:

    #top #main ul.avia-icon-list.av-iconlist-small  li:before {
        content: "" !important;
        width: 40px;
        height: 40px;
        float: left;
        margin-left: -10px;
        margin-right: 10px;
        background-color: transparent;  /**** with background - replace  ***/
        background-image: url(/wp-content/uploads/globe-color.png);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;
        top: -3px;
        position: relative;
    }
    
    #top .avia-icon-list-container .iconlist_icon {
      display: none 
    }

    But: to better select your small icon list – it would certainly be advisable to use a custom class.

    #1472667
    icarogioiosi
    Participant

    Referring to the discussion https://kriesi.at/support/topic/ajax-portfolio-grid-equal-height/, I tried to copy and paste the code, also checking for both versions of the functions.php, but in my case it doesn’t work.
    https://img.savvyify.com/image/confronto.9x63t

    Unfortunately the pages are always being improved and maintenance mode is active, so I can’t send the link to the page.
    However, the text seems aligned, so my problem is probably in the custom_script function.

    icarogioiosi
    Participant

    Portfolio grid displays thumbnails correctly if the images are on desktop screen.
    https://img.savvyify.com/image/Large-desktop.9xsNe

    Having left the basic theme settings (2 columns), on tablets it strangely displays a single image first and then the pairs of the remaining in the case of odd portfolio entries.
    https://img.savvyify.com/image/Settings.9xFmy
    https://img.savvyify.com/image/Tablet-uneven-7.9xHqn

    Works regularly if they are even in number.
    https://img.savvyify.com/image/Tablet-even-8.9xgMd

    #1472636

    Hey Antonio,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .responsive #top.home .container_wrap_first > .container {
        max-width: 100%;
    }
    .responsive #top.home section#texto {
        padding-left: 25%;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1472631

    Hi,
    Thanks, now I see the form, but the datepicker is center on the screen for desktop:
    Screen Shot 2024 11 30 at 1.20.22 PM
    and mobile:
    Screen Shot 2024 11 30 at 1.22.52 PM
    Try the login you posted for us and check “Kriesi”

    Best regards,
    Mike

    #1472628

    In reply to: Deep link and open tab

    Hey westefan,
    This was added a while back and works on my install without any added code. Ensure that you add a custom ID to each tab:
    Screen Shot 2024 11 30 at 12.09.37 PM
    and use a link with the ID “elements/tabs#tabthree” the page will scroll up and open the tab”
    Screen Shot 2024 11 30 at 12.12.41 PM
    If you are using the sticky header and the tab is too close to the header, you can add this code to the end of your child theme functions.php file in Appearance ▸ Editor to adjust the position:

    function custom_script() { ?>
      <script>
    (function($) {
    $(document).ready(function() {
        $('a[href^="#"]').click(function(e) {
            var targetHash = this.hash;
            setTimeout(function() {
                $('html, body').animate({
                    scrollTop: $(targetHash).offset().top - 100
                }, 500);
            }, 100);
        });
        
        if (window.location.hash) {
            $('html, body').animate({
                scrollTop: $(window).scrollTop() - 100
            }, 500);
        }
    });
    }(jQuery));
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    Screen Shot 2024 11 30 at 12.46.39 PM

    Best regards,
    Mike

    Hi,
    Also the other five images are all 80px in height, only the first green image is smaller, please add a new image that is the same height as the others, even if you add transparent space to the top and bottom, if you want it centered, or just to the bottom it you want it top aligned.

    Best regards,
    Mike

    Hi,
    When I check your elements on desktop and mobile, they look correct:
    Screen Shot 2024 11 30 at 8.11.25 AM
    because the lines of text is the same
    only between 768px-1240px does the screen size change the number of lines in the text:
    Screen Shot 2024 11 30 at 8.16.47 AM
    Try adding a custom class to each of the headings, like “heading” and another custom class to each content under it, like “content”
    Then I believe that we can help with some javascript to help for these screen sizes.

    Best regards,
    Mike

    #1472621

    No it is the one at the top of the /members/ page under filters. Not the one in player profile:

    https://www.dropbox.com/scl/fi/rdzlqpqv3j2nizy3u4688/Screenshot-2024-11-30-150012.png?rlkey=050z0kfrkvhvwpcoeyxoj9dhi&st=d1ygt0t1&dl=0
    Thanks

Viewing 30 results - 2,941 through 2,970 (of 142,851 total)