Viewing 30 results - 181 through 210 (of 1,181 total)
  • Author
    Search Results
  • #1310254

    Hi Alex,

    We are aware of this problem, and it will be fixed in the coming release of the theme, which will be available within the next few days. Until then, you can find temporary fixes in these threads:

    https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/
    https://kriesi.at/support/topic/on-page-load-the-website-goes-to-the-bottom/

    If you want us to add the fix for you, then please include admin WordPress and FTP login details in private. Also please verify that you have backups of the site, in case something should go wrong.

    Best regards,
    Rikard

    #1310036
    aossi
    Participant

    Hey, I found a bug if you use Google Maps and tooltips by default.

    If you open the webpage, after a few seconds the page scrolls down automatically to the beginning of google maps. If you disable the tooltip by default all works fine.

    There are 2 webpages where you can see this bug:

    I use version 4.8.3 on both pages.

    Alex

    update – i found the existing interim solution https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/ so this request can be closed – many thanks anyway.

    jensredmer
    Participant

    hi there team!

    hope you are well!

    i have noticed that after a few automatic updates to my website, the site focus scrolls automatically all the way to the end/ footer of the page – any idea how i can stop that?

    admin logins and link to site in the private content.

    thanks so much!
    jens

    #1308520

    yes – but think of jQuery 3.5.1 : jQuery(window).load(function(){ is deprecated now.
    You had to use instead: jQuery(window).on('load', function(){

    or here in the code: Link

    $(window).on('load', function(){
    …

    and if it is the syntax is:

    (function($){
    …
    })(jQuery);

    you can write every jQuery inside as $: ( f.e. $(‘body’) }

    function av_open_inline_popup(){
    ?>
    <script type="text/javascript">
    (function($) {
    $(window).on('load', function(){
    	$('.open-popup-link').addClass('no-scroll');
    	$('.open-popup-link').magnificPopup({
    		type:'inline',
    		midClick: true,
    		callbacks: {
    			beforeOpen: function () {
    				$('body').css("overflow-y", "hidden");
    			},
    			close: function() {
    				$('body').css("overflow-y", "auto");
    			},
    		},
    	});
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'av_open_inline_popup');
    #1308505

    Hi,

    Thanks for that. The problem is not with the footer functionality, but with Google Maps. Please check these threads for temporary solutions:

    https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/
    https://kriesi.at/support/topic/on-page-load-the-website-goes-to-the-bottom/

    Best regards,
    Rikard

    #1308464

    In reply to: Lightbox

    Hi,

    You can add the code in the functions.php file via the Appearance > Editor panel, or via FTP. We posted the final code below. If you need more help, please feel free to open another thread.

    function av_open_inline_popup(){
    	?>
    	<script type="text/javascript">
    	(function($) {
    		$(window).load(function(){
    			$('.open-popup-link').addClass('no-scroll');
    			$('.open-popup-link').magnificPopup({
    				type:'inline',
    				midClick: true,
    				callbacks: {
    					beforeOpen: function () {
    						jQuery('body').css("overflow-y", "hidden");
    					},
    					close: function() {
    						jQuery('body').css("overflow-y", "auto");
    					},
    				},
    			});
    		});
    	})(jQuery);
    	</script>
    	<?php
    }
    add_action('wp_footer', 'av_open_inline_popup');

    Best regards,
    Ismael

    #1307913

    Hey laura1234,

    Thank you for the inquiry.

    You can try the solution that we posted in the following thread to prevent it from automatically scrolling to the top when lightbox is opened.

    // https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390

    Best regards,
    Ismael

    #1307748

    Hello @Ismael

    It is weird because in the soundcloud iframe code there is no loading=”lazy” in the code

    <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>

    Also the other link i sent you does not have any soundcloud iframe .. so could you check that one too ?

    • This reply was modified 4 years, 6 months ago by Cloudypro.
    #1307742

    Hey Mohamad,

    Thank you for the inquiry.

    Does it work correctly when you remove the loading=”lazy” attribute from the iframe element?

    <iframe loading="lazy" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>
    

    It is possible that the height of the tab section is not calculated properly because the iframe only loads when the tab title is clicked.

    Best regards,
    Ismael

    #1306118

    Hi,

    Thanks for that. This is caused by a recent change in Google Maps, please refer to this thread for temporary solutions: https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/. We’re still working on a permanent solution.

    Best regards,
    Rikard

    Hey Scott,

    I think this problem is caused by the Google Maps element, there was a recent change from Google which seems to be causing this problem. We don’t have a temporary solution yet, but please refer to this thread for temporary solutions: https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/

    Best regards,
    Rikard

    #1304800

    Hi,

    What you are trying do is possible but it would mean limiting the height of the inner container of the first cell. Unfortunately, you cannot manually set the height of the first cell because the Grid Layout element is a table element and with table elements, the height of cells are automatically inherited from the parent container or the adjacent cells.

    To understand it better, you can try this css code.

    .flex_cell.no_margin.av_one_fifth.avia-builder-el-4.el_before_av_cell_three_fifth.avia-builder-el-first.scrollbar .flex_cell_inner {
        height: 500px;
        overflow: scroll;
    }

    This should limit the height of the flex_cell_inner container and add a scrollbar to it, but there would be a huge white space or gap below it. You might want to replace the css selector above with a custom css class or ID. More info about custom css class is in the following documentation.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Doing this with Javascript is also possible but, unfortunately, that kind of modification is beyond the scope of support.

    Best regards,
    Ismael

    #1304658

    whdsolutions have you tried with Display Tooltip by default checked? If you don’t check Display Tooltip by default it works fine, otherwise it scrolls to the bottom. I have tried it in different installation with different WordPress and Enfold versions.
    See this other thread Page scrolls to Google Maps automatically when Text-marker is shown
    Best Regards
    Manu

    • This reply was modified 4 years, 7 months ago by manurimini.
    EZWebdesign
    Participant

    Hi everybody,

    A customer notified me about a bug in Enfold 4.8.1 and above: when a large page or one-page-website contains a Google Maps element at the bottom, and the Text-marker is shown, than the page scrolls down instantly upon loading the page. See the image:

    Google Maps issue

    I’ve seen this issue with several customers/websites now.

    Customer had Enfold 4.8.1. I tried upgrading to 4.8.3, but the problem remains.

    Is this a known bug, and if yes, does anybody maybe have a fix? For now i just turn off the option to show the text marker immediately, but eventually we want to use this nice feature.

    Best regards,
    Roger

    • This topic was modified 4 years, 7 months ago by EZWebdesign.
    #1304455
    johannesl1d
    Participant

    Hello!
    I am using section-scrolls for our website, which works really well: http://www.l1.digital

    However, when loading, it automatically jumps to almos the bottom (there is no section, it jumps into the middle of one). I don’t see any JS errors that could cause this.

    What may be the issue?

    best

    Johannes

    #1303975
    EnvatoOvis
    Participant

    Hello,

    Somthing wrong with phone and google-translate… lost flags :(

    flags

    Quick CSS:

    /** meniu ilgas ***/
    .av-main-nav ul {
        width: 260px;
    }
    /* beadthumbs išjungiu pranešimą - Pradžia */
    span.trail-before {
    display: none!important;
    }
    @media only screen and (max-width: 767px) { 
    .logo.second-logo img {
        padding-top: 20px;
    }}
    @media only screen and (max-width: 480px) { 
    .responsive .logo img {
        max-width: 90%;
    }}
    @media only screen and (min-width: 768px) { 
    .logo img {
        padding: 15px 0;
    }}
    .logo:first-child {
        z-index: 4;
    }
    /*.logo, .logo a { display: inline-block}*/
    /*.logo:first-child img {display: none}*/
    /*.logo.first-logo { z-index: 3 }*/
    .logo.second-logo { z-index: 3 }
    .logo.second-logo { width: 100% }
    .logo.second-logo a { float: right !important }
    /*.logo.first-logo a, */ .logo.second-logo a { display: inline-flex }
    /*.main_menu:not(:first-of-type) { display: none !important }*/
    /*.responsive #top .logo.first-logo {
        float: left;*/
    }
    
    /*hide auto sidebar from magazine*/
    .page-id-2967 .sidebar .widget_nav_hide_child {
    display: none;
    }
    
    /*2.8 firefox problem*/
    .avia-image-container-inner, .avia_image {
        max-width: 100%;
    }
    
    #header_main .avia-menu-text {
        font-size: 16px;
    }
    .entry-content p {
    font-size: 18px;
    margin: 20px 0;
    line-height: 24px;
    }
    
    .header-scrolled #header_main > .container {
    display: none !important;
    }
    
    #socket .avia-bullet, #socket .avia-menu-fx {
      display: none;
    }
    
    h4 {
    line-height: 30px;
    }
    .comment_container {
     display: none;
    }
    #paslaugos-container-width .container {
      width: 100% !important;
      min-width: 100%;
      padding: 0;
      margin: 0;
    }
    /*#paslaugu-elementas .aviaccordion {
        max-height: 300px;
    }*/
    #top #paslaugos-container-width .aviaccordion-slide img {
        max-height: 295px;
    }
    #top #paslaugos-container-width #paslaugu-elementas {
        max-height: 295px !important;
    }
    
    #1303900
    Jules
    Participant

    I’m creating a site where I’m sharing testimonies. I was wondering how I could categorize these videos. On my home page I want to add . . .
    Stories by Topics
    – Identity
    – Addiction
    – Anxiety & Depression, etc.

    When a visitor clicks on a Topic, it will take them to a separate page with all the Stories relevant to this topic. I would like to automate this process as much as possible.

    Here is an example site of what I would like to accomplish: Stories by Topics. Scroll down a little to see this section.

    Hope this makes sense. Please let me know if you need any additional information. TIA

    #1303369

    Quick Update .. I found another thread with a similar request (sorry) and added in this to the Quick CSS panel and it seems to be working!! Is there a way to make the logo shrink a little when the user scrolls down?

    #top .logo {
    padding-top: 0px;
    width: 300px;
    margin: 10px auto;
    float: none;
    height: auto;
    }
    .logo, .logo a {
    overflow: visible;
    }
    .logo img {
    max-height: 200px !important;
    }

    #1302670

    Topic: Yigit. Logo lost link

    in forum Enfold
    EnvatoOvis
    Participant

    Hello again,

    confused, logo link is active :/ but not working, mouse not active (desktop only)

    Link

    http://www.silutevb.lt

    My functions.php:

    add_action( 'after_setup_theme', 'my_theme_setup' );
    function my_theme_setup() {
        add_editor_style();
        // For the Block Editor.
        add_theme_support( 'editor-styles' );
    }
    function wp_23223255_6469586506596() { 
    	add_image_size('entry_with_sidebar', 999, 999);
    	add_image_size('entry_without_sidebar', 999, 999);
    }
    add_action( 'after_setup_theme', 'wp_23223255_6469586506596', 11 );
    
    function add_logos($logo) {
    /*	$logo .= '<span class="logo first-logo"><a href="/aaaaa">' ;
    	$logo .= '<img src="https://www.silutevb.lt/silute/wp-content/uploads/2021/05/Logo_30Proc_mazesnis.png"/>';
    	$logo .= '</a></span>';*/
    	$logo .= '<span class="logo second-logo"><a href="/darbo-laikas" target="_blank">' ;
    	$logo .= '<img src="https://www.silutevb.lt/silute/wp-content/uploads/Darbo_laikas.png"/>';
    	$logo .= '</a></span>';
    	return $logo;
    }
    add_filter('avf_logo_final_output', 'add_logos');

    Quick CSS:

    .av-main-nav ul {
        width: 260px;
    }
    @media only screen and (max-width: 767px) { 
    .logo.second-logo img {
        padding-top: 20px;
    }}
    @media only screen and (max-width: 480px) { 
    .responsive .logo img {
        max-width: 90%;
    }}
    @media only screen and (min-width: 768px) { 
    .logo img {
        padding: 15px 0;
    }}
    
    /*.logo, .logo a { display: inline-block}*/
    /*.logo:first-child img {display: none}*/
    /*.logo.first-logo { z-index: 3 }*/
    .logo.second-logo { z-index: 3 }
    .logo.second-logo { width: 100% }
    .logo.second-logo a { float: right !important }
    /*.logo.first-logo a, */ .logo.second-logo a { display: inline-flex }
    /*.main_menu:not(:first-of-type) { display: none !important }*/
    /*.responsive #top .logo.first-logo {
        float: left;*/
    }
    /*hide auto sidebar from magazine*/
    .page-id-2967 .sidebar .widget_nav_hide_child {
    display: none;
    }
    /*2.8 firefox problem*/
    .avia-image-container-inner, .avia_image {
        max-width: 100%;
    }
    #header_main .avia-menu-text {
        font-size: 16px;
    }
     .entry-content p {
    font-size: 18px;
    margin: 20px 0;
    line-height: 24px;
    }
    .header-scrolled #header_main > .container {
    display: none !important;
    }
    #socket .avia-bullet, #socket .avia-menu-fx {
      display: none;
    }
    • This topic was modified 4 years, 7 months ago by EnvatoOvis.
    #1300325

    Topic: Open links in Lightbox

    in forum Enfold
    MarcusJeroch
    Participant

    Hi,
    what do i need to do to open a URL (whatever kind) in a modal window/lightbox??

    I found very different answers in your forum.
    Sometimes you say “class=”lightbox-added””, sometimes only “lightbox” sometimes you say they open automatically, …..but none of it works.

    I found “?iframe=true” and this seems to work ….BUT:
    1: When a open an image like that i get a vertical scrollbar which is weird.
    2: How do i change the size of a modal (not general, only for certain links)??

    Kind regards
    marcus

    Question Number 2 is solved

    #1300033

    Hi JantienM,

    Can you try to replace the last code I gave:

    @media only screen and (max-width: 767px) {
      #top #header #header_main .container.av-logo-container .inner-container {
        display: block;
      }
    
      .responsive #top #header #header_main .inner-container .logo {
        height: auto !important;
        max-height: none !important;
      }
    
      .responsive #top #header #header_main .inner-container .logo a {
        top: 0;
      }
    
      .responsive #top #header #header_main .inner-container .main_menu {
        position: absolute;
        top: 30px;
      }
    }

    to:

    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #main {
        padding-top: 387px !important;
      }
    
      .responsive #top #header.header-scrolled .logo, 
      .responsive #top #header.header-scrolled .logo a, 
      .responsive #top #header.header-scrolled .logo img {
        max-height: 100px !important;
      }
    
      #top #header #header_main .container.av-logo-container .inner-container {
        display: block;
      }
    
      .responsive #top #header #header_main .inner-container .logo {
        height: auto !important;
        max-height: none !important;
      }
    
      .responsive #top #header #header_main .inner-container .logo a {
        top: 0;
      }
    
      .responsive #top #header #header_main .inner-container .main_menu {
        position: absolute;
        top: 30px;
      }
    }

    I hope this helps.

    Best regards,
    Nikko

    bcnsites
    Participant

    Hi,
    I’m working with enfold 4.8.1. and “Shop Demo” imported.

    For exemple, if I insert the “Tab” element in a page, it’s coming with some code in the “Tab Content”, in white color, like
    “<p>[av_tab_container initial='1' position='top_tab' boxed='border_tabs' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-9my2' sc_version='1.0']<br />[av_tab title='Tab 1' av_uid='av-6yji'][/av_tab]<br />[av_tab title='Tab 2' av_uid='av-4t2c'][/av_tab]<br />[/av_tab_container][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3v26' sc_version='1.0']<br />This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:…or something like this:As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!<br />[/av_textblock]</p>”
    If I delete this code, it remains again.

    The same happens when I insert a “Text Block”, I get this code, which I can’t clean:
    <p>[av_google_map height='400px' zoom='auto' saturation='-50' hue='#6786a1' zoom_control='aviaTBzoom_control' mobile_drag_control='aviaTBmobile_drag_control' av_uid='av-jjl2k']<br />[av_gmap_location address='8500 Beverly Boulevard' city='Los Angeles' country='USA' long='-118.37749329999997' lat='34.0753309' marker='555' imagesize='40' av_uid='av-irjck'][/av_gmap_location]<br />[av_gmap_location address='Rodeo Drive' city='Los Angeles' country='USA' long='-118.39944809999997' lat='34.0561846' marker='555' imagesize='40' av_uid='av-i0hi8'][/av_gmap_location]<br />[av_gmap_location address='10250 Santa Monica Boulevard' city='Los Angeles' country='USA' long='-118.41942949999998' lat='34.0596331' marker='555' imagesize='40' av_uid='av-hh19w'][/av_gmap_location]<br />[av_gmap_location address='Robertson Boulevard' city='Los Angeles' country='USA' long='-118.385066' lat='34.0494729' marker='555' imagesize='40' av_uid='av-h4qww'][/av_gmap_location]<br />[av_gmap_location address='10800 West Pico Boulevard' city='Los Angeles' country='USA' long='-118.42746890000001' lat='34.0401391' marker='555' imagesize='40' av_uid='av-1nw5k'][/av_gmap_location]<br />[/av_google_map][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-fq07s']<br />[av_cell_two_third vertical_align='top' padding='30px,60px,30px,60px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-fbhu8'][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' color='' av_uid='av-1fr6c']<br />[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-e92fg'][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-diudc'][/av_contact_field]<br />[av_contact_field label='Topic' type='select' options='Product Questions, Payment, Delivery, Refund, My Orders, My Account, Coupons, Other' check='is_empty' width='element_third' av_uid='av-d25tw'][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' av_uid='av-c8mek'][/av_contact_field]<br />[/av_contact][/av_cell_two_third][av_cell_one_third vertical_align='middle' padding='30px' padding_sync='true' background_color='#6786a1' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bnzys'][av_textblock size='' font_color='custom' color='#ffffff' av_uid='av-azagk']Enfold Flagship StoreShopping Mall Rodeo Drive<br />Los Angeles, USA (Email address hidden if logged out) <br />555-8653 364Opening Hours:<br />Mo-Fr: 8:00-19:00<br />Sa: 8:00-14:00<br />So: closed[/av_textblock][/av_cell_one_third]<br />[/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-aivn4'][av_one_half first av_uid='av-9oabw'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][av_one_half av_uid='av-8vnp4'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][/av_section]</p>
    I cleaned all the cache: server, wordpress and browser, but still the problem is alive.
    I test it in 2 laptops, sometimes one of them works better, but at this moment always I get the problem.
    You can see this print screen:
    enfold-cant-edit.png

    Any suggestions would be great!
    Thanks in advance & Have a good week!.

    Joan

    Hi,

    We added this snippet in the functions.php file to replace the description with the actual product archive title.

    
    add_action( 'init', 'avia_woocommerce_full_width_category_images', 50 );
    function avia_woocommerce_full_width_category_images()
    {
       	remove_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner', 11 );
    	remove_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner', 11 );
    	add_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner_child_theme', 11);
    	//add_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner_child_theme', 11);
    
    	function avia_woocommerce_shop_banner_child_theme()
    	{
    		global $avia_config;
    
    		if(is_shop() || (is_product_category() && avia_get_option('shop_banner_global') == "shop_banner_global") && !isset($avia_config['woo-banner']))
    		{
    			$options = avia_get_option();
    
    			if( isset( $options['shop_banner'] )  && ( $options['shop_banner'] == 'av-active-shop-banner' ) )
    			{
    				$bg 		= $options['shop_banner_image'];
    				$overlay 	= $options['shop_banner_overlay_color'];
    				$opacity 	= $options['shop_banner_overlay_opacity'];
    				$description= wpautop($options['shop_banner_message']);
    				$font 		= $options['shop_banner_message_color'];
    
    				echo avia_woocommerce_parallax_banner($bg, $overlay, $opacity, $description, $font);
    			}
    		}
    	}
    
    	function avia_woocommerce_parallax_banner_child_theme($bg, $overlay, $opacity, $description, $font)
    	{
    
    		if(is_numeric($bg))
    		{
    			$bg = wp_get_attachment_image_src($bg, 'full');
    			if(is_array($bg) && $bg[0] != "") $bg = $bg[0];
    		}
    
    		if($font) $font = "style='color:{$font};'";
    		if($bg) $bg = "background-image: url(".$bg.");";
    
    		$output = "";
    
    		$output .='
    <div id="av_product_description" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" '.$font.'>';
    		$output .='
    <div class="av-parallax  avia-full-stretch" data-avia-parallax-ratio="0.3">';
    		$output .='
    <div class="av-parallax-inner" style="'.$bg.' main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;">';
    		$output .='</div>
    ';
    		$output .='</div>
    ';
    
    		$output .='
    <div class="av-section-color-overlay-wrap">';
    		if(!empty($overlay))
    		{
    			$output .='
    <div class="av-section-color-overlay" style="opacity: '.$opacity.'; background-color: '.$overlay.'; "></div>
    ';
    		}
    
    		$output .='
    <div class="container">';
    		$output .='<main class="template-page content av-content-full alpha units">';
    		$output .= "
    <h1>".get_the_archive_title()."</h1>
    ";
    		if(false) $output .= "
    <h1>".$description."</h1>
    ";
    		$output .='</main></div>
    </div>
    </div>
    ';
    
    		return $output;
    	}
    
    	function avia_woocommerce_big_cat_banner_child_theme()
    	{
    		if(is_product_category())
    		{
    			global $wp_query, $avia_config;
    
    			if(isset($wp_query->query_vars['taxonomy']))
    			{
    				$term = get_term_by( 'slug', get_query_var($wp_query->query_vars['taxonomy']), $wp_query->query_vars['taxonomy']);
    				if(!empty($term->term_id))
    				{
    					$description 	= term_description() ;
    					$style 			= get_woocommerce_term_meta($term->term_id, 'av_cat_styling');
    					$attachment_id 	= get_woocommerce_term_meta($term->term_id, 'thumbnail_id');
    
    					$overlay 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay');
    					$font 		= get_woocommerce_term_meta($term->term_id, 'av-banner-font');
    					$opacity 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay-opacity');
    
    					if(!empty($style))
    					{
    						remove_action( 'woocommerce_before_shop_loop', 'woocommerce_taxonomy_archive_description', 11 );
    						echo avia_woocommerce_parallax_banner_child_theme($attachment_id, $overlay, $opacity, $description, $font);
    						$avia_config['woo-banner'] = true;
    					}
    				}
    			}
    		}
    	}
    }
    
    

    Best regards,
    Ismael

    #1297600

    Hey Renko,

    Thank you for the inquiry.

    This is actually a known issue with the Visual Artist demo and its parallax backgrounds. The sections do not look the same on mobile view because parallax effects are automatically disabled.

    We usually recommend the following css code to fix the background, but it will also disable the fixed effect and background images will just scroll with the page.

    @media only screen and (max-width: 1024px) {
    #top .avia-bg-style-fixed .av-parallax{
    	background-attachment: scroll !important;
    	background-size: cover !important;
        }
    }

    You can also create a different home page for mobile view without the parallax effect. To assign a different page for mobile, you can try this script.

    // redirect home page on mobile
    add_action( 'wp_footer', 'ava_wps_params', 9999 );
    function ava_wps_params() {
        ?>
    
    	<script>
    	if (window.location.pathname == '/' && jQuery(window).width() <= 767) {
    	   window.location = "/newpage/";
    	}
    	</script>
    
        <?php
    }

    From: https://www.wpstud.io/show-different-homepage-mobile-devices/

    Best regards,
    Ismael

    #1297297

    Hi ageer,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #header_meta {
        border-bottom: 0;
    }
    
    #header_meta .sub_menu {
        position: absolute;
        right: 0;
        top: auto;
        bottom: -80px;
    }
    
    .header-scrolled #header_meta .sub_menu {
        bottom: -40px;
    }
    
    .html_header_top.html_bottom_nav_header #header_main {
        border-top: 0;
    }

    Best regards,
    Nikko

    #1296681

    Hi,

    The custom ID is based on the tab title, so for Coffee & Pastries tab, the ID will be coffee–pastries, and for Ice Cream, it will be ice-cream. As we noted above, spaces and special characters such as “&” will be automatically converted to hyphens.

    This syntax is invalid.

    scrollToTab( ‘.avia-button’, ‘click’ );
    

    You have to replace the curly quotes with straight ones.

    scrollToTab('.avia-button', 'click' );
    

    Best regards,
    Ismael

    #1296048

    Hi xeovision,

    I see, then there’s no option for that but please try this CSS workaround (just replace https://mysite.com/wp-content/uploads/2021/03/logo_restaurant.png with the URL of the logo when the page is scrolled):

    #header.header-scrolled .logo img {
        opacity: 0;
        visibility: hidden;
    }
    
    #header.header-scrolled .logo a {
        background: url("https://mysite.com/wp-content/uploads/2021/03/logo_restaurant.png") center center no-repeat;
        background-size: auto 100%;
    }

    Hope this helps.

    Best regards,
    Nikko

    bcnsites
    Participant

    Hi,
    I’m working with enfold 4.8.1. and “Shop Demo” imported.
    For exemple, if I insert the “Tab” element in a page, it’s coming with some code in the “Tab Content”, in white color, like
    “<p>[av_tab_container initial='1' position='top_tab' boxed='border_tabs' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-9my2' sc_version='1.0']<br />[av_tab title='Tab 1' av_uid='av-6yji'][/av_tab]<br />[av_tab title='Tab 2' av_uid='av-4t2c'][/av_tab]<br />[/av_tab_container][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3v26' sc_version='1.0']<br />This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:…or something like this:As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!<br />[/av_textblock]</p>”
    If I delete this code, it remains again.
    The same happens when I insert a “Text Block”, I get this code, which I can’t clean:
    <p>[av_google_map height='400px' zoom='auto' saturation='-50' hue='#6786a1' zoom_control='aviaTBzoom_control' mobile_drag_control='aviaTBmobile_drag_control' av_uid='av-jjl2k']<br />[av_gmap_location address='8500 Beverly Boulevard' city='Los Angeles' country='USA' long='-118.37749329999997' lat='34.0753309' marker='555' imagesize='40' av_uid='av-irjck'][/av_gmap_location]<br />[av_gmap_location address='Rodeo Drive' city='Los Angeles' country='USA' long='-118.39944809999997' lat='34.0561846' marker='555' imagesize='40' av_uid='av-i0hi8'][/av_gmap_location]<br />[av_gmap_location address='10250 Santa Monica Boulevard' city='Los Angeles' country='USA' long='-118.41942949999998' lat='34.0596331' marker='555' imagesize='40' av_uid='av-hh19w'][/av_gmap_location]<br />[av_gmap_location address='Robertson Boulevard' city='Los Angeles' country='USA' long='-118.385066' lat='34.0494729' marker='555' imagesize='40' av_uid='av-h4qww'][/av_gmap_location]<br />[av_gmap_location address='10800 West Pico Boulevard' city='Los Angeles' country='USA' long='-118.42746890000001' lat='34.0401391' marker='555' imagesize='40' av_uid='av-1nw5k'][/av_gmap_location]<br />[/av_google_map][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-fq07s']<br />[av_cell_two_third vertical_align='top' padding='30px,60px,30px,60px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-fbhu8'][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' color='' av_uid='av-1fr6c']<br />[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-e92fg'][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-diudc'][/av_contact_field]<br />[av_contact_field label='Topic' type='select' options='Product Questions, Payment, Delivery, Refund, My Orders, My Account, Coupons, Other' check='is_empty' width='element_third' av_uid='av-d25tw'][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' av_uid='av-c8mek'][/av_contact_field]<br />[/av_contact][/av_cell_two_third][av_cell_one_third vertical_align='middle' padding='30px' padding_sync='true' background_color='#6786a1' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bnzys'][av_textblock size='' font_color='custom' color='#ffffff' av_uid='av-azagk']Enfold Flagship StoreShopping Mall Rodeo Drive<br />Los Angeles, USA (Email address hidden if logged out) <br />555-8653 364Opening Hours:<br />Mo-Fr: 8:00-19:00<br />Sa: 8:00-14:00<br />So: closed[/av_textblock][/av_cell_one_third]<br />[/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-aivn4'][av_one_half first av_uid='av-9oabw'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][av_one_half av_uid='av-8vnp4'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][/av_section]</p>
    I cleaned all the cache: server, wordpress and browser, but still the problem is alive.
    I need to use the Elements (tabs, tex block, etc), Any suggestions would be great!
    Thanks in advance.
    Joan

    bcnsites
    Participant

    04/20/2021: The problem is back, but now is extended when I use the “Text Element”:
    I get this code, which I can’t clean:
    <p>[av_google_map height='400px' zoom='auto' saturation='-50' hue='#6786a1' zoom_control='aviaTBzoom_control' mobile_drag_control='aviaTBmobile_drag_control' av_uid='av-jjl2k']<br />[av_gmap_location address='8500 Beverly Boulevard' city='Los Angeles' country='USA' long='-118.37749329999997' lat='34.0753309' marker='555' imagesize='40' av_uid='av-irjck'][/av_gmap_location]<br />[av_gmap_location address='Rodeo Drive' city='Los Angeles' country='USA' long='-118.39944809999997' lat='34.0561846' marker='555' imagesize='40' av_uid='av-i0hi8'][/av_gmap_location]<br />[av_gmap_location address='10250 Santa Monica Boulevard' city='Los Angeles' country='USA' long='-118.41942949999998' lat='34.0596331' marker='555' imagesize='40' av_uid='av-hh19w'][/av_gmap_location]<br />[av_gmap_location address='Robertson Boulevard' city='Los Angeles' country='USA' long='-118.385066' lat='34.0494729' marker='555' imagesize='40' av_uid='av-h4qww'][/av_gmap_location]<br />[av_gmap_location address='10800 West Pico Boulevard' city='Los Angeles' country='USA' long='-118.42746890000001' lat='34.0401391' marker='555' imagesize='40' av_uid='av-1nw5k'][/av_gmap_location]<br />[/av_google_map][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-fq07s']<br />[av_cell_two_third vertical_align='top' padding='30px,60px,30px,60px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-fbhu8'][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' color='' av_uid='av-1fr6c']<br />[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-e92fg'][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-diudc'][/av_contact_field]<br />[av_contact_field label='Topic' type='select' options='Product Questions, Payment, Delivery, Refund, My Orders, My Account, Coupons, Other' check='is_empty' width='element_third' av_uid='av-d25tw'][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' av_uid='av-c8mek'][/av_contact_field]<br />[/av_contact][/av_cell_two_third][av_cell_one_third vertical_align='middle' padding='30px' padding_sync='true' background_color='#6786a1' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bnzys'][av_textblock size='' font_color='custom' color='#ffffff' av_uid='av-azagk']Enfold Flagship StoreShopping Mall Rodeo Drive<br />Los Angeles, USA (Email address hidden if logged out) <br />555-8653 364Opening Hours:<br />Mo-Fr: 8:00-19:00<br />Sa: 8:00-14:00<br />So: closed[/av_textblock][/av_cell_one_third]<br />[/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-aivn4'][av_one_half first av_uid='av-9oabw'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][av_one_half av_uid='av-8vnp4'][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0']<br />Click here to add your own text<br />[/av_textblock][/av_one_half][/av_section]</p>

    I cleaned all the cache: server, wordpress and browser, but still the problem is alive.
    I need to use the Elements (tabs, tex block, etc), Any suggestions would be great!
    Thanks in advance.
    Joan

    Hi,
    I’m working with enfold 4.8.1. and “Shop Demo” imported.
    If I insert the “Tab” element in a page, it0s coming with some code in the “Tab Content”, in white color, like
    “<p>[av_tab_container initial='1' position='top_tab' boxed='border_tabs' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-9my2' sc_version='1.0']<br />[av_tab title='Tab 1' av_uid='av-6yji'][/av_tab]<br />[av_tab title='Tab 2' av_uid='av-4t2c'][/av_tab]<br />[/av_tab_container][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-3v26' sc_version='1.0']<br />This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:…or something like this:As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!<br />[/av_textblock]</p>”
    If I delete this code, it remains again.
    Normaly the “Tab Content” is empty, like in other enfold webs. Do you know how can I get a “clean Tab element”?
    Thanks in advance!
    Joan

    • This topic was modified 4 years, 9 months ago by bcnsites. Reason: The problem is back
Viewing 30 results - 181 through 210 (of 1,181 total)