-
AuthorSearch Results
-
December 4, 2024 at 10:28 am #1472871
In reply to: Changing the mobile breakpoint for content columns
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; } }December 4, 2024 at 10:14 am #1472868In 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,
IsmaelDecember 4, 2024 at 9:35 am #1472857In 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,
RikardDecember 4, 2024 at 9:28 am #1472855In reply to: Need help to install demo
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,
RikardDecember 4, 2024 at 7:33 am #1472844In reply to: Modify mega menu to be full screen width
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%December 4, 2024 at 7:24 am #1472843In reply to: Modify mega menu to be full screen width
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 ; }December 4, 2024 at 6:19 am #1472841In reply to: Modify mega menu to be full screen width
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?
December 4, 2024 at 6:09 am #1472840In reply to: Modify mega menu to be full screen width
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-printingHere’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!
ShaneDecember 3, 2024 at 6:18 pm #1472804In reply to: Changing the mobile breakpoint for content columns
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; } }December 3, 2024 at 5:53 pm #1472801In reply to: Changing the mobile breakpoint for content columns
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.
December 3, 2024 at 5:09 pm #1472789In reply to: WordPress / Enfold and Content Security Headers
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.
December 3, 2024 at 2:46 pm #1472782Hi 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
StephanDecember 3, 2024 at 10:53 am #1472774Topic: Duplicate Description Tab on WooCommerce Product Page
in forum Enfoldsidsingh78
ParticipantI 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.
December 3, 2024 at 8:48 am #1472771In 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,
IsmaelDecember 3, 2024 at 7:53 am #1472764In reply to: INSERT WIDGET YITH REQUEST A QUOTE IN HEADER
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,
IsmaelDecember 3, 2024 at 7:23 am #1472759Hey 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,
IsmaelDecember 3, 2024 at 5:02 am #1472755In reply to: No pagination on author’s blog
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,
IsmaelDecember 2, 2024 at 8:50 pm #1472746In reply to: Slider is not working on all browsers
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,
RikardDecember 2, 2024 at 3:01 pm #1472713In 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
StefanDecember 2, 2024 at 2:32 pm #1472710Hello,
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 GarondDecember 2, 2024 at 1:01 pm #1472704Topic: Stuck on Default Editor and Avia Layout Builder not appearing
in forum Enfoldbrdrenaud
ParticipantHello,
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.
December 2, 2024 at 7:27 am #1472683In reply to: Changing Icon to Client logo icon
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.
December 1, 2024 at 8:14 pm #1472667Topic: ajax portfolio grid equal height 2
in forum Enfoldicarogioiosi
ParticipantReferring 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.9x63tUnfortunately 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.December 1, 2024 at 7:20 pm #1472665Topic: Portfolio grid displays thumbnails incorrectly if they are odd
in forum Enfoldicarogioiosi
ParticipantPortfolio grid displays thumbnails correctly if the images are on desktop screen.
https://img.savvyify.com/image/Large-desktop.9xsNeHaving 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.9xHqnWorks regularly if they are even in number.
https://img.savvyify.com/image/Tablet-even-8.9xgMdNovember 30, 2024 at 8:44 pm #1472636In reply to: Slider height responsive
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,
MikeNovember 30, 2024 at 7:25 pm #1472631In reply to: Ultimate member date picker appears under header
November 30, 2024 at 7:02 pm #1472628In 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:

and use a link with the ID “elements/tabs#tabthree” the page will scroll up and open the tab”

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 );Best regards,
MikeNovember 30, 2024 at 5:02 pm #1472623Hi,
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,
MikeNovember 30, 2024 at 4:57 pm #1472622Hi,
When I check your elements on desktop and mobile, they look correct:

because the lines of text is the same
only between 768px-1240px does the screen size change the number of lines in the text:

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,
MikeNovember 30, 2024 at 4:01 pm #1472621In reply to: Ultimate member date picker appears under header
No it is the one at the top of the /members/ page under filters. Not the one in player profile:
-
This topic was modified 1 year, 3 months ago by
-
AuthorSearch Results
-
Search Results
-
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,
SidHello,
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.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.9x63tUnfortunately 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.Portfolio grid displays thumbnails correctly if the images are on desktop screen.
https://img.savvyify.com/image/Large-desktop.9xsNeHaving 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.9xHqnWorks regularly if they are even in number.
https://img.savvyify.com/image/Tablet-even-8.9xgMd




