Okay
  Public Ticket #2846988
Menu filter issues
Closed

Comments

  • Eric Liftin started the conversation

    Hi,

    We are running into an issue on our website (I think it's something related to the web browser/javascript interacting). Here are the steps to reproduce the bug:

    1. Visit out site (https://wordpress-619163-2009924.cloudwaysapps.com/) in INCOGNITO MODE to avoid old caches.
    2. Click on the portfolio filters at the top, and it works as expected.2668636401.png
    3. Refresh the page (Ctrl + R). Suddenly the filters don't work anymore. Additionally, the images for our blog posts don't show up either
      7395241899.png


    Some notes:

    • Refreshing the page with (Ctrl + R) does not fix this issue. However, doing a hard refresh with (Shift + Ctrl + R) seems to fix it. 
      • For some reason it seems like whenever a call to the server is made the issue resolves itself?
    • Visiting the "About"/"Contact" page and then returning to the "Home" page does not resolve the issue (all these pages use the page.php template). However, clicking on one of the portfolio items (this page uses single-portfolio.php) and then returning to the home page seems to fix the issue. 
      • It seems like whenever a different template page is being used, this issue is able to resolve itself.

    I am not sure what the issue is related to exactly, but it seems like it has something to do with server calls and/or detecting page changes on the browser side? I'm also getting these errors in the browser console:

    5147921350.jpg

    Please let me know if any of this is not clear. You have our wp-admin login information from a previous ticket we've filed, but let me know if you need that information again.

    Thank you so much for your continued help. We really appreciate it

  •  933
    Neuron replied

    Hi Eric Liftin,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on, make sure to click on private reply.

    Feel free to ask for anything you need.

    Kind Regards


  •   Eric Liftin replied privately
  •  933
    Neuron replied

    Hi Eric Liftin,

    I'm seeing that you're currently using an older version of the Dendrite theme, so can you please update it to the latest version.

    Dendrite Theme Version 1.2.9
    

    You can update the theme directly on your dashboard, via the plugin below:

     - https://envato.com/market-plugin/

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Hi,

    I've updated the Dendrite theme, but now I'm having a separate issue with post types on the side. The images overlap each other and the text below does not show up.

    BEFORE:

    9346675159.jpg

    AFTER:

    5008807343.jpg


    Thank you


  •  933
    Neuron replied

    Hi Eric Liftin,

    I am so sorry for the late reply, somehow I missed your ticket,

    I'm seeing that you've gone back at version 1.2.3 of the theme, so if you could install the latest version again, so I can check the filters and the posts issue.

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Hi,

    I had updated the theme using the Envato Market plugin you recommended. It's on 1.2.8, that was the latest version it allowed me to update to:

    6455777999.png

    We are using a child theme that we based off of the 1.2.3 version, I think that's why it's showing as 1.2.3 on the main page. I have updated the styles.css file to reflect that it is 1.2.8

    7212998193.png

    The filters issue seems to have resolved itself, but these are the main issues I'm running into right now. When I land on the page, this is what I see:

    3565934541.jpg


    When I hit refresh (Ctrl + R), this is what I see:

    4366098716.jpg

    It should look like this:

    1650479540.jpg


    Thank you for your continued help


  •  933
    Neuron replied

    Hi Eric Liftin,

    I am very sorry for the late reply, we were not working on the weekend.

    I've added the following code at Appearance > Customize > Additional CSS.

    .owl-carousel {
        display: block !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Hi,

    Thanks for the help. That change seems to have helped but only fixed part of the problem. Now there is a large gap between blog items:

    6582023455.png

    It seems like when I resize the width of the browser window to be smaller, the gap closes. But when the browser window is larger the gap appears.

    It seems like the browser is loading the blog images one beneath another, instead of allowing for them to be scrolled through. When I go into incognito mode, and hit refresh, I see this:

    6881401592.jpg


    The scrolling function has been disabled once I hit refresh: 

    1115055325.jpg

    Thank you

  • Eric Liftin replied

    Hi,

    We have switched to a "Standard" blog post type instead of a "gallery" for the time being, and this issue seems to have resolved itself. You can ignore the post below. 

    I'd like to ask how to re-order the portfolio categories listed at the top of the page. Right now, it seems they are ordered by date created. I'd like to order them by menu_order instead.

    2767737519.png

    Furthermore, is it possible to have the menu be highlighted with the underline, in the same way that the different pages are highlighted?

    9616183400.png


    Thank you

  •  933
    Neuron replied

    Hi Eric Liftin,

    1) Unfortunately, we can't change the order of the project categories.

    2) Sorry, I can't fully understand you, do you want that all the pages will have the underline not just when you hover at them?

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Hi,

    1) Do you know where in the code the call to retrieve the project categories is being made? I can see that in dendrite_portfolip.php, the var $dendrite_portfolio_loop is being set with the project categories, but where do those values come from? Is it a WP_Query made to the database?


    2) Currently, when I mouseover the filters it has a black background that fills in. I would like to be able to have the hover effect be an underline instead.

    9815581123.png


    Thank you,

    Hugo

  • Eric Liftin replied

    Additionally, is it possible to have the filters only act on portfolio items? As of right now, when I click on a filter, it filters both portfolio (the main grid in the center) as well as post types (the left-most column). I would like the post types to stay while the portfolios are filtered. See below:

    CURRENT BEHAVIOR:

    2022005231.jpg


    DESIRED BEHAVIOR:

    7307371101.jpg


  •  933
    Neuron replied

    Hi Eric Liftin,

    I'm so sorry for the late reply, somehow I missed your ticket.

    1) Actually it is coming from the options in the WPBakery Page Builder, directly from the element. The functions are located in dendrite > includes > vc > vc_functions.php, search for the shortcode: WPBakeryShortCode_dendrite_Portfolio

    2) I've added the following code at Appearance > Customize > Additional CSS, can you please take a look at it?

    .header-underline-animation nav ul li.active>a:before, .header-underline-animation nav ul li>a:hover:before{
        display: none;
    }
    nav ul li.active>a, nav ul li>a:hover {
        background-color: black;
        color: white;
        padding: 5px
    }

    3) I've added the following code at Appearance > Customize > Additional CSS, can you please take a look at it?

    .blog-holder .selector {
       display: block !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Hi, 

    Thank you for your continued help. 

    1) I will try this. Thank you!

    2) For #2 however, I actually wanted to opposite functionality. Is it possible to make these buttons underline when you hover over them?

    4363681459.png

    3) The code you added for #3 seemed to fix my issue. Thank you!

  •  933
    Neuron replied

    Hi Eric Liftin,

    Sorry for the misunderstanding, I've just added the following code at Appearance > Customize > Additional CSS.

    .underline a:after  {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #191a1d;
        transition: all .2s;
    }
    .underline li.active a:after,
    .underline a:hover:after{
        width: 100%;
    }

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Feel free to ask for anything you need.

    Kind Regards


  • Eric Liftin replied

    Thank you so much for your help! I've rated the theme 5 stars

  •  933
    Neuron replied

    You're welcome anytimesmile.png

    Feel free to ask for anything you need.

    Kind Regards