Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • #771562

    I’m trying to determine if this is a WordPress issue, an Enfold issue, or something else. This occurs on the current version of WordPress 4.7.3 and the one just before, with Enfold 3.8.4 and 4.0.4.

    It appears that all tags in the system are displaying, not just the tags assigned to a post. Below is a link to a page where that happens. This post only has four tags assigned, yet it displays a multitude of them.

    The option in Enfold to hide tags does not work, and I can’t find an option in wordpress to do the same. What do you suggest?

    #772210

    Hey InternationalPartneringInstitute,

    I see the problem, please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #773599

    Hi Rikard,

    Thanks for taking a look. I have a second issue I haven’t been able to solve with solutions I’ve found in support. But I’ll get back to that after this. The temp admin account is below.

    #773731

    Hi,

    You allow that me disable all the plugins and switch the theme to check somethings?

    Best regards,
    John Torvik

    #774190

    Hi John,

    No, I do not. Not on their production site. I appreciate your asking.

    We have a staged copy of the site where you can run any tests necessary. The same issues occur on this copy. Your login credentials are the same on the staged site. See the link below.

    #774865

    Hi,

    Thanks for that, I deactivated all plugins and your tags went back to normal after that, so one of the plugins you are using is causing a conflict. You can find out which one is guilty by activating them one by one to see when the problem occurs.

    Best regards,
    Rikard

    #775820

    It was W3 Total Cache causing the conflict! Thanks, Rikard!

    Now for the other issue I mentioned earlier…

    Enfold hides the search viewfinder when in mobile. I’ve tried several solutions I’ve found here in support but I can’t get it to work. Even this theme used on this support site does that. My client would like the search option to be visible on mobile. Can you help me make it work?

    Thanks!

    #776299

    Hi Rikard,

    Here is a link to solution to the (Purchase code hidden if logged out) issue which I have tried. None of which works. The code they suggest to add to Quick CSS is added right now, but the search icon is nowhere to be seen in mobile or tablet.

    https://kriesi.at/support/topic/ (Purchase code hidden if logged out)(Purchase code hidden if logged out) -3/

    #777205

    Hi,

    Could you please specify, where do you want to put it?

    Best regards,
    Victoria

    #780197

    Hi Victoria,

    Didn’t realize you had replied. I didn’t get a notification of this post, so sorry for delay.

    I would like it to appear next to the burger menu. Note that the shopping cart menu appears there too. I’d like them all lined in a row.

    Thank you!

    #780559

    Hi,

    I am asking, because as you can see on the screenshot below, there is no room for it there, the logo is even covered by the cart icon. So we need to come up with an alternative solution.

    View post on imgur.com

    Let me know what you think.
    Best regards,
    Victoria

    #780813

    Hi Victoria,

    I appreciate that you are considering that it overlaps the logo. It’s going to overlap something, and the logo is already partly covered. Maybe the best place to put it is under the burger menu. Can you do that instead?

    Thank you!

    #782608

    Hi Victoria,

    I’m just following up with this as my client is getting anxious about making search option available to their mobile visitors. Can you put the Search icon under the burger “[ = ]” menu ?

    #782883

    Hi InternationalPartneringInstitute,

    I found a better spot for search.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
    	.responsive #top .logo {
    		width: 60%;
    	}	
    
    #top-line .container {
    	max-width: 80%;
    }
    
    .avia-search-tooltip.avia-tt {
    	background-color: #fff;
    }
    }
    

    and this code has to go to your functions.php

    
    function av_move_search_mobile(){
    ?>
     <script>
    jQuery(window).load(function(){
    	jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).appendTo('#top-line .container');
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_move_search_mobile');
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #783272

    Hi Victoria,

    I like your choice of position. Only thing, this does create a new problem. When you resize the window or scroll up and down the menu rolls under the orange line and disappears in the white space, making it invisible. The only way to make it return is to refresh the page. Try it out.

    Can you fix that?

    #783534

    Hi,

    Let’s adjust the function, so that it works like that only on mobile, and then we see what else we can do

    
    function av_move_search_mobile(){
    ?>
     <script>
    jQuery(window).load(function(){
    	if (jQuery.avia_utilities.isMobile) {
    		jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).appendTo('#top-line .container');
    	}
    });
     </script>
    <?php
    }
    

    Best regards,
    Victoria

    #786141

    Hi Victoria,

    The new function makes the search icon disappear altogether.

    #786448

    Hi InternationalPartneringInstitute,

    Is the css I gave before still there? Or you removed it?

    Best regards,
    Victoria

    #786452

    Hi Victoria,

    The CSS is still there unchanged. I only replaced the function.

    #786721

    Hi,

    For some reason this jQuery.avia_utilities.isMobile on your instance gives false on mobile, so the code does not work. Well, we can stick to initial function, but then the search will be near login, in the top nav on deskctops as well. Is that ok, or should we try to come up with another solution?

    Best regards,
    Victoria

    #786820

    That should be okay, Victoria. Put on the same place for desktop and mobile.

    I’ve put back the initial function.

    #787966

    Hi InternationalPartneringInstitute,

    So we consider this closed, or something else I forgot to address?

    Best regards,
    Victoria

    #788246

    Hi Victoria,

    Thank you for your patience and for finding a great spot to put this. This issue is unfortunately not addressed entirely.

    The function adds the search function but when the browser window is resized or content is scrolled the entire login menu disappears. Can you take a look?

    https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -many-posts/#post-783272

    Much appreciated!

    #788931

    Hi,

    Have you also used the CSS code victoria provided?

    Best regards,
    Basilis

    #788970

    Hi Basilis,

    Yes, it is installed. And you can see how it behaved at the link below.

    #789172

    Hi,

    This css has to be added:

    
    @media only screen and (max-width: 767px) {
    #top-line {
        vertical-align: top;
        height: 30px;
    }
    #top-line > .container {
        height: inherit;
        max-width: 90%;
        position: fixed;
        top: 0 !important;
    }
    #search-icon-link {
        height: 25px !important;
        line-height: 25px !important;
        width: 25px;
    }
    #top-line div a {
    	line-height: 16px;
    }
    
    }
    

    And Javascript has to be slightly adjusted:

    
    function av_move_search_mobile(){
    ?>
     <script>
    jQuery(window).load(function(){
    	jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).attr('id', 'search-icon-link').appendTo('#top-line .container');
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_move_search_mobile');
    

    Let me know how this works for you.
    Best regards,
    Victoria

    #790865

    Hi Victoria,

    This makes it work really well on mobile, and initially on desktop. Resizing of the desktop window still makes the menu disappear into the white background.

    I think we need an @media that adjusts for browser windows larger that 767 px.

    I appreciate your help.

    #791737

    Hi InternationalPartneringInstitute,

    Looks like the id and style are not added by Javascript. Did you change the code in functions.php to the latest version? Or did you flush the cache?
    And you can also use the css for big screens also. Try it :)

    Best regards,
    Victoria

    #791982

    Hi Victoria,

    Maybe I put it in wrong? But I did update the javascript code in functions.php. You can log in to verify. Login below.

    Also, I cleared cache on the server and on my laptop and disabled the cashing widget. But the issue persists. It clearly only affects windows wider than 767px.

    I’m probably doing something wrong when I update the code. Would you mind logging into the site to verify my work?

    Thank you!

    #792311

    Hi InternationalPartneringInstitute,

    This has to be added for all screens:

    
    #search-icon-link {
        height: 25px !important;
        line-height: 25px !important;
        width: 25px;
    }
    

    Outside the media query.
    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 30 posts - 1 through 30 (of 30 total)

You must be logged in to reply to this topic.