Forum Replies Created

Viewing 30 posts - 1,741 through 1,770 (of 34,546 total)
  • Author
    Posts
  • in reply to: Changes to right sidebar header #1465336

    Hi,
    To change the menu links inside the burger menu to green, try this css:

    #av-burger-menu-ul a {
    	color: #92B743;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Sidebar does not work #1465308

    Hi,
    A color section is a full width section, this will force the sidebar below the color section. Try using a column, this will allow the sidebar, or add a widget element inside the color section to show your sidebar widgets.

    Best regards,
    Mike

    in reply to: Hook to add widget area above blog loop? #1465307

    Hi,
    This seems to be a duplicate thread, please see your other thread:

    You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page(1028) ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    or you can use the page slug like this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page('your-page-slug') ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    The WordPress Conditional Tags documentation state:

    There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.

    They offer a different solution, try reading it, but I think the two solutions above will work fine.

    Best regards,
    Mike

    in reply to: Bug:Blog Header hooks no longer working properly #1465306

    Hi,
    You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page(1028) ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    or you can use the page slug like this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page('your-page-slug') ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    The WordPress Conditional Tags documentation state:

    There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.

    They offer a different solution, try reading it, but I think the two solutions above will work fine.

    Best regards,
    Mike

    Hey S.,
    You can ignore this message, the element will be kept for backward compatibility so you don’t need to change all 500 pages.
    When you create new pages consider the new element “Custom Layout”, and over time as you update the old pages switch to the new element.
    There is not a way to switch all of your pages at once, but your old pages will not break, the Dev Team only wants to let you know that the element is no longer maintained for new features.
    So you don’t need to do anything, if you don’t want to.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465302

    Hi,
    As for updating, I don’t believe that you are using the correct zip file installable WP version, in your Theme Forest account there are two files to download, on includes other files and documentation, this will cause the error that you see, please look for installable WP version. Otherwise please upload to dropbox so I can download it and check.
    As for some of your pages without Advanced layout builder:
    Screen Shot 2024 08 24 at 9.13.02 AM
    most are not ALB pages, but I did find one called “Magazine”
    Screen Shot 2024 08 24 at 9.19.16 AM
    this was saved as a “block editor” page at one time and the reason that you don’t see the ALB button is an error in the theme version or a plugin conflict, so to fix without updating I switch to the “classic editor” at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor
    Screen Shot 2024 08 24 at 9.24.00 AM
    now the button shows:
    Screen Shot 2024 08 24 at 9.25.45 AM
    I then click it and the ALB page loads and I re-save:
    Screen Shot 2024 08 24 at 9.27.45 AM
    and now the page is fixed:
    Screen Shot 2024 08 24 at 9.29.44 AM
    please check and try this with your other pages.
    Please note that your “About Us” page is not a ALB page, so if you don’t see code in the page don’t convert to a ALB page.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465297

    Hi,
    When I check your site it looks like you are using v5.6.12. If you try to edit the pages and the default WordPress editor loads this could mean that the page was saved with that editor last, try clicking the blue “Advanced Layout Builder” button and see if it loads correctly, if so then save again and the page should then show as a ALB page in the page list.
    If you need further help, please post the temporary login plugin link in the Private Content area below so we can examine, you can use any fake email address as we don’t have one email box of all Mods to share.

    To update try to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Changes to right sidebar header #1465296

    Hi,
    #2 The custom menu bar is 100px wide:
    Screen Shot 2024 08 24 at 7.39.05 AM
    but the flyout menu is 300px, but the burger menu is still only 100px:
    Screen Shot 2024 08 24 at 7.42.06 AM
    The flyout overlay is white and you can not make the burg1 menu area only a gray color.
    So if you want a gray burger menu when the menu is closed try this css:

    .toolbar-content#content1 {
        width: 100%;
        height: 100px;
        background-color: #8c8c8c;
    }
    html:not(.av-burger-overlay-active) #top .av-burger-overlay li li .avia-bullet, html:not(.av-burger-overlay-active) #top .av-hamburger-inner,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::before,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::after {
      background-color: #fff !important; 
     }

    Screen Shot 2024 08 24 at 7.54.03 AM
    but when it is open it will look like this:
    Screen Shot 2024 08 24 at 7.55.12 AM
    It is probably best to not change this.

    Best regards,
    Mike

    in reply to: Burger Menu #1465295

    Hi,
    ionware1 I would recommend disabling all plugins and see if that helps, if not and you are using a child theme with custom files like a header.php or footer.php remove these files or switch to the parent theme and see if that helps.
    If not then please open a new thread so we can assist, and include your admin login in the Private Content area, but as this is not your thread your login info will not be private if posted here, and you will not be able to see anything that we write in the Private Content area.

    Best regards,
    Mike

    in reply to: “Header Invisible Until User Scrolls” not working #1465250

    Hi,
    I tried enabling the parent theme, and the header worked correctly on scroll then on your test page, I then re-enabled your child theme.
    I see that you also have custom shortcode elements in your child theme, try removing these and check, if this helps, add them back one at a time to find the conflict.

    Best regards,
    Mike

    in reply to: header problem #1465249

    Hi,
    I checked the css on your site, but the first dot was missing, so I added it and now it works.
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Burger Menu #1465248

    Hi,
    It looks like your caching plugin is still active “wpo-minify”, or at least the cache is still being severed.
    Try clearing and disabling your caching plugin completely, and include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    Hi,
    To have a sticky sub-menu on your desktop with the burger menu, and on your mobile without the sticky header, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function desktop_burger_menu_sub_menu_sticky() { ?>
    <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      	var width = $(window).width();
        var $stickyTop = $('#sub_menu1');
        if (width <= 989) {
        $stickyTop.waypoint(function(direction) {
          if (direction === 'down') {
             $stickyTop.addClass('sticky-top');
          }
          if (direction === 'up') {
             $stickyTop.removeClass('sticky-top');
          }
        }, {
          offset: '0%'
        });
        }
    	else if (width >= 990) {
        $stickyTop.waypoint(function(direction) {
          if (direction === 'down') {
             $stickyTop.addClass('sticky-top');
          }
          if (direction === 'up') {
             $stickyTop.removeClass('sticky-top');
          }
        }, {
          offset: '95px'
        });
        }
      })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'desktop_burger_menu_sub_menu_sticky');

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    also add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 989px) { 
    .responsive #top #sub_menu1.av-submenu-container.sticky-top {
    	position:fixed!important;
    	top:0!important;
    	z-index:600!important;
    }
    }
    @media only screen and (min-width: 990px) { 
    .responsive #top #sub_menu1.av-submenu-container.sticky-top {
    	position:fixed!important;
    	top:95px!important;
    	z-index:600!important;
    }
    }

    This accounts for the mobile switch at 989px when your typical header is no longer sticky, but the sub-menu will be sticky at the top.
    In the css & script you may need to adjust the top height, my text site header was 95px high, if yours is different please change.
    If you have trouble with this please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    in reply to: Burger Menu #1465178

    Hey Mia2009,
    Try clearing and disabling your caching plugin completely, and then switch to the text menu, if this doesn’t help, leave the caching plugin disabled and include a admin login in the Private Content area so we can examine

    Best regards,
    Mike

    in reply to: header problem #1465177

    Hey Gianluca,
    Thanks for the login, in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text you had a phone number link that was unclosed, causing the error.
    To make your portfolio sort text larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia-fullwidth-portfolio .sort_width_container {
    	font-size: 30px;
    } 

    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.
    Please adjust the font size to suit.

    Best regards,
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    To make the custom menu with logo sticky, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function add_sticky_script(){
        ?>
    <script type="text/javascript">
    (function($){
          function a() {
              $(window).scroll(function(e){
                var $sticky = $('#menu-test-menu-with-logo');
                var position = ($sticky.css('position') == 'fixed');
                if ($(this).scrollTop() > 25 && !position){
                  $sticky.css({'position': 'fixed', 'top': '0px','width' : $sticky.innerWidth() });
                  $sticky.addClass('fixed_element_style');
                }
                if ($(this).scrollTop() < 25 && position)
                {
                  $sticky.css({'position': 'static', 'top': '0px', 'width' : '' });
                  $sticky.removeClass('fixed_element_style');
                }
              });
          }
        
          a();
    })(jQuery);
    </script>
        <?php
        }
    add_action('wp_footer', 'add_sticky_script');

    I also added this css so the menu would rest at the top of the screen, previously there was a small space above, on my install.

    #header_meta {
    display: none;
    }
    .html_header_transparency #top .avia-builder-el-0 .container{
        padding-top: 58px;
    }

    If you don’t have a space you won’t need this, if you want to keep the space, adjust the code above.
    To make the mobile menu sticky add this css:

    @media only screen and (max-width: 989px) {
      .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: fixed;
      }
    }

    Best regards,
    Mike

    in reply to: Different logo on different page Id’s #1465104

    Hi,
    Ok, so you also want to change the logo link on a certain page.
    Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    // to change the logo link
    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link)
    {
        if(is_page(206) )
        {
        $link = "https://your-new-link.com";
        }
        return $link;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Adjust the page ID and link to suit.

    Best regards,
    Mike

    in reply to: Different logo on pages and posts (transparent header) #1464992

    Hi,
    When I check the svg logo is the same for mobile & desktop, but on desktop your header is transparent so the background color allows the light third line of text to be seen, while the mobile header is white so you can’t see the text.
    You could add this css to make the third line of text green like the second line on mobile:

    @media only screen and (max-width: 767px) { 
    .av-contains-svg #Layer_1 .cls-3 {
      fill: #b0cf6b;
    }
    }

    Best regards,
    Mike

    in reply to: Icon and text style, with 2 columns #1464916

    Hi,
    Thanks for the test page, so to have a different SVG icon for each item you need to use a different font-icon for each item so you can use a different code in the css for each item:
    Enfold Support 6461
    I then copied the base css from the example link and added your font-icon codes and your SVG icon URLs:

    [data-av_iconfont="entypo-fontello"][data-av_icon="\e89f"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/home-icon.png) !important}
    [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a0"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/people-icon.png) !important}
    [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a1"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bed-icon.png) !important}
    [data-av_iconfont="entypo-fontello"][data-av_icon="\e8a2"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bath-icon.png) !important}

    Then to make the gray backgrounds transparent I added this css:

    .page-id-321 .main_color .avia-icon-list .iconlist_icon {
        background-color: transparent;
    }

    This is the result:
    Enfold Support 6463

    Best regards,
    Mike

    in reply to: Fetch to JSON field path #1464912

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Add icon to right side bar menu #1464862

    Hey leloux,
    Thanks for the link to your site, try adding this css to your Quick CSS field:

    .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
        display: inline-block;
    }
    .html_header_sidebar #header .av-main-nav > li {
        margin: 5%;
    }

    .
    After applying the css, please clear your browser cache and check.
    this is the expected result:
    Screen Shot 2024 08 18 at 9.55.51 AM

    Best regards,
    Mike

    in reply to: Logo on the side of the title #1464861

    Hey Sandra,
    I see that you are using a icon above the text element:
    Screen Shot 2024 08 18 at 9.39.19 AM
    Try using the icon box element with the option to have the icon to the side:
    Screen Shot 2024 08 18 at 9.44.25 AM

    Best regards,
    Mike

    in reply to: font #1464860

    Hey Sandra,
    Thanks for the login, when I check your pages the font seems to be the default for the headings on the “Creative Studio” demo, roboto
    The demo by default uses “work sans” for the body font, so I change this for you.
    Screen Shot 2024 08 18 at 9.31.39 AM
    Screen Shot 2024 08 18 at 9.32.34 AM
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Problems after updating to Enfold 6.0 #1464856

    Hi,
    Thanks for the login, on your draft page /?page_id=24937&preview=true, full link below,
    This looks like a plugin conflict, when I disable all of your plugins the editor works correctly:
    Screen Shot 2024 08 18 at 8.25.43 AM
    Screen Shot 2024 08 18 at 8.26.21 AM
    Screen Shot 2024 08 18 at 8.27.03 AM
    I enabled all of your plugins again and the changes remain, so to find the plugin conflict, try disabling all of your plugins and then reload the page. Then reactivate each one individually and reload the page after each one and check until you find the conflict.

    Best regards,
    Mike

    in reply to: search icon opptions #1464854

    Hey Reut Rachel,
    unfortunately I have not seen anything like that, perhaps this article will help.

    Best regards,
    Mike

    in reply to: Icon and text style, with 2 columns #1464853

    Hi,
    Sorry, you can not upload svg icons, the theme uses “icon fonts” which is a font file, not a icon image. Please see our documentation here. You may need to scroll down to Adding your own Fontello Icons Icon fonts can not have color.
    Perhaps when you clicked my link above it didn’t scroll correctly, try this link.
    It’s very simple, you can use css to replace the “icon font” with a svg image
    Screen Shot 2024 08 18 at 6.57.26 AM
    If you create a test page I can write a step-by-step example for you, similar to the screenshot above.

    Best regards,
    Mike

    in reply to: Changes to right sidebar header #1464852

    Hi,
    Odd, I’m not seeing that on my desktop when the css is added:
    Screen Shot 2024 08 18 at 6.31.17 AM
    please use this screen resolution link to tell us when you see it.
    Also ensure that you cleared your cache.

    Best regards,
    Mike

    Hi,
    Thanks for the link to your staging site, I note that each time I try to add a menu item they are always “custom links” instead of normal menu items.
    I see that your child theme has a header.php file, please remove this and then check again.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing #1464838

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 30 posts - 1,741 through 1,770 (of 34,546 total)