Forum Replies Created

Viewing 30 posts - 11,791 through 11,820 (of 34,910 total)
  • Author
    Posts
  • in reply to: Masonry not loading categories correctly #1352510

    Hey BrendaSarg,
    Thanks for the link to your site but the login didn’t work, please check.
    I see that your Upcoming Exhibits masonry item is showing the categories current-exhibits & past-exhibits & news-announcements, I assume the correct category is upcoming-exhibits?
    Please ensure there is at least one correct category item published, if there are no correct category items published the element will show another category by default.

    Best regards,
    Mike

    in reply to: Anchors on Tablet #1352509

    Hey Ramon,
    Thanks for the login, this seemed to be happening around 1024px when your tablet header was sticky, I’m not sure the cause but I added this to your child theme and it seemed to correct:

    function custom_tablet_scroll_script() { ?>
        <script>
    (function($) {
      $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    && location.hostname == this.hostname) {
    
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
          	if ($(window).width() > 990) {
            $('html,body').animate({
              scrollTop: target.offset().top - 195 //offsets for fixed header
            }, 1000);
            return false;
          	} else {}
          }
        }
      });
      //Executed on page load with URL containing an anchor tag.
      if($(location.href.split("#")[1])) {
          var target = $('#'+location.href.split("#")[1]);
          if (target.length) {
          	if ($(window).width() > 990) {
            $('html,body').animate({
              scrollTop: target.offset().top - 195 //offset height of header here too.
            }, 1000);
            return false;
          	} else {}
          }
        }
    }(jQuery));
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_tablet_scroll_script');

    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Attachment Details sidebar in media library #1352508

    Hey Jason,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function enable_admin_attachment_details(){
    ?> 
    <style>.avia-media-img-only-no-sidebars .media-sidebar, .avia-media-img-only-no-sidebars .attachment-display-settings .setting, .avia-media-img-only-no-sidebars .media-sidebar .attachment-details { display: block!important; margin-top: 50px; } </style>
        <?php
    }
    add_action('admin_head', 'enable_admin_attachment_details', 1);

    After applying please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Table Display/Tab Content #1352502

    Hi,
    Thank you for your patience, this css will make the inner tab width match the screen width so when the table is scrolled it will fully show:

    @media only screen and (max-width: 767px) {
    	.responsive #top.page-id-35 #wrap_all #main .av-layout-tab-inner {
    		width: 100vw;
    	}
    }

    but the problem is that on mobile the tab section also scrolls with ‘touchmove’ tab to tab and trying to scroll the table inside the tab actually scrolls the tab.
    For mobile devices your table should have switched it’s layout, did you add and custom css to prevent this? You may need to allow the mobile switch so all of the columns show.
    I also experimented with removing the ‘touchmove’ for the tabs but was not able to enable it for the tab childern elements at the same time, so this doesn’t seem to be an option.

    (function($) {
    $('.av-layout-tab').bind('touchmove', false);
    }(jQuery));

    Another option might be to show an image of the table for mobile that will open in a lightbox so the user can view it full screen.

    Best regards,
    Mike

    in reply to: WPML changes font & color #1352493

    Hi,
    Try disabling your wp-rocket and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then clear your browser cache and any cache plugin, and check.
    If this doesn’t correct please leave these settings in place and include admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    in reply to: Responsive Is Broken #1352442

    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

    in reply to: Sticky header covers content of destination anchor #1352441

    Hi,
    Glad to hear, you could try editing ('a[href*=#]:not([href=#])').click(function() {
    to
    ('a[href*=#webcams]:not([href=#])').click(function() {

    Best regards,
    Mike

    in reply to: Mobile problems #1352440

    Hi,
    I see that you have added the css that I suggested above with the media query, but your original css is also still there causing a conflict:

    
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 211px !important;
    }

    please remove this if you have not, if you have removed it then please disable your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and then clear your browser cache and check again, because the original rule is still in the merged css.

    Guenni007 this is a good tip thank you, and this is true thanks.

    Best regards,
    Mike

    in reply to: Mobile problems #1352413

    Hi,
    Thanks for the link to your page, please try wraping that rule in a media query like this:

    @media only screen and (min-width: 767px) { 
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 211px !important;
    }
    }
    

    this should correct for mobile because you already have a mobile padding of zero in your css rules:

    @media only screen and (max-width: 767px) {
    .responsive #top #main {
        padding-top: 0 !important;
        margin: 0;
    }
    }

    After applying the css, please clear your browser cache and check.
    If you are testing with Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    in reply to: all text (blocks) have [av_ codes in them #1352364

    Hi,
    Glad we were able to help, thanks for the offer but we are happy 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: Change "Load more" text in gallery in Child theme? #1352350

    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: all text (blocks) have [av_ codes in them #1352349

    Hi,
    Glad to hear, I don’t believe that you would see this error naturally occur from Enfold sites that were updated in the past or will be updated in the future, our Dev Team has been very pro active in keeping the theme backward compatible. I have seen very old versions updated to the latest version successfully.
    Please note that if a user edits an ALB page with a different editor, such as the Classic Editor, Block Editor, or some other editor plugin, they will not be able to convert it back to an ALB page automatically, it will become a hybrid page. I only point this out should a client add some builder plugin and start editing pages.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: all text (blocks) have [av_ codes in them #1352306

    Hi,
    Thanks for the screenshots, is there a possibility that the person who previously built this site in 2014 had added the shortcodes in the text elements using the Shortcode Wand from the Classic Editor?
    I have seen some sites where people have done this and everything works fine on the frontend, it just looks odd in the backend.
    Unfortunately, there is not an automatic way to convert these hybrid pages to strictly ALB pages, but if you want to manually adjust these you could Enable the Avia Layout Builder Debugger to do so.
    I recommend saving plain text copies of the full page shortcode just in case you somehow brake the shortcode, don’t depend on the revisions.

    Best regards,
    Mike

    in reply to: Missing sliding images since Enfold theme update #1352296

    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

    in reply to: menu burger color #1352294

    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

    in reply to: Footer only shows default version after update #1352232

    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

    in reply to: Hiding the date and author of posts #1352230

    Hi,
    Glad Rikard could 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: Text disappears in the background #1352224

    Hi,
    Glad to hear, if the layout was the same then you could use classes to achieve this, but your new page is not the same.
    Are your additional pages going to use a grid element like the first page or a color section like this one?
    On the first page the following element was a color section, on the new page it is two 1/2 columns, can you place these columns in a color section?

    Best regards,
    Mike

    in reply to: Product slider slide transition #1352220

    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 footer content to all product category pages #1352219

    Hi,
    Glad to hear, I Enabled the Avia Layout Builder Debugger and copied the section shortcode.
    You can also use the WordPress Classic Editor shortcode wand in a default post or page to create an element and the shortcode will show in the Classic Editor for you to copy.

    Note that full-width elements, such as the color section don’t always behave when nested in other elements such as widgets, so in the widget you see that I removed the color section container and added an html div to take it’s place.

    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Add Search Icon On Mobile #1352217

    Hi,
    Glad to hear, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    in reply to: Responsive Is Broken #1352178

    Hi,
    Unfortunately, we don’t have a way to disable Enfold mobile styles globally, it would require editing the stylesheet of each element manually and would require a lot of time for a plugin that we don’t support or recommend.
    Sorry but this is beyond our support scope.

    Best regards,
    Mike

    in reply to: Add Search Icon On Mobile #1352177

    Hey navindesigns,
    Thank you for your patience and login, in your function above I replaced the item class noMobile with menu-item-search-mobile
    Then I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_burger_search_mobile() { ?>
        <script>
    (function($){
    $('#avia-menu').one('click', function(){
    jQuery('#menu-item-search.menu-item-search-mobile').clone().wrapInner('<div class="burger_search_mobile"/>').children(0).unwrap().prependTo('#av-burger-menu-ul');
    });
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_burger_search_mobile');

    and this css to your child theme stylesheet:

    #av-burger-menu-ul > .burger_search_mobile {
    	padding-left: 20px;
    }
    .avia_mobile #top #av-burger-menu-ul > .burger_search_mobile #searchsubmit {
        height: 100%;
    }

    Now your search shows at the top of your mobile menu:
    2022-05-18_001.jpg
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: WPML changes font & color #1352173

    Hi,
    Thanks for the screenshots, try adding this css to your EN Quick CSS field in the theme options:
    Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #top #wrap_all .avia-slideshow .av-slideshow-caption.av-l2g3x00n-d3eb9544f049e85bc61e9272b95ae46b__0 .avia-caption-title {
        font-size: 58px;
        color: #fff;
    }
    #top .avia-slideshow .av-slideshow-caption.av-l2g3x00n-d3eb9544f049e85bc61e9272b95ae46b__0 .avia-caption-content p {
        font-size: 28px;
    }

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

    Best regards,
    Mike

    Hi,
    Glad Rikard could 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: Enfold update not showing #1352137

    Hi,
    Glad Rikard could 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: disable maintenance mode automatically #1352136

    Hey olasne,
    Thank you for your patience but this feature is not available as the maintenance mode is currently designed, you may be able to find a Coming Soon Countdown plugin that will automatically disable, there are quite a few of them to check, but I have not tried any of these.

    Best regards,
    Mike

    in reply to: Sticky header covers content of destination anchor #1352134

    Hi,
    Glad to hear, try this instead

    function custom_offset_script_with_width() { ?>
        <script>
    (function($) {
      $('a[href*=#]:not([href=#])').click(function() {
      	var width = $(window).width()
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    && location.hostname == this.hostname) {
    
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
          	if ($(window).width() < 768) {
            $('html,body').animate({
              scrollTop: target.offset().top - 10 //offsets for fixed header
            }, 1000);
            return false;
          } else {
          	$('html,body').animate({
              scrollTop: target.offset().top - 80 //offsets for fixed header
            }, 1000);
            return false;
          }
          } 
        }
      });
      //Executed on page load with URL containing an anchor tag.
      if($(location.href.split("#")[1])) {
          var target = $('#'+location.href.split("#")[1]);
          if (target.length) {
          	if ($(window).width() < 768) {
            $('html,body').animate({
              scrollTop: target.offset().top - 10 //offset height of header here too.
            }, 1000);
            return false;
          } else {
          	$('html,body').animate({
              scrollTop: target.offset().top - 80 //offset height of header here too.
            }, 1000);
            return false;
          }
          } 
        }
    }(jQuery));
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_offset_script_with_width');

    Best regards,
    Mike

    Hi,
    Sorry, we were not able to help very well with this issue, but 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: Help for WordPress and Enfold upgrade #1352119

    Hi,
    Glad Rikard could 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

Viewing 30 posts - 11,791 through 11,820 (of 34,910 total)