Home page of MRC bug

No longer seeing a “new”, “unread”, etc category. Just a drop down on categories that doesn’t work when I click. Anyone else?


@eaglereptiles

4 Likes

Also seems the navigation bar at the bottom of the page is no longer present, it’s disappeared…. Am i going crazy or is anyone else having issues?

4 Likes

I am not having the drop down problem but I too have lost the nav button at the bottom of the page……

5 Likes

Nathan, you’re not crazy. I’m seeing what you are seeing

5 Likes

What theme are you using?

Can you switch it to a different theme so you can use the site? If so, please do and we will begin to work on this @nswilkerson1

@eaglereptiles and @brittni-admin this is for you.

6 Likes

I can still use the site. I haven’t changed my theme. It’s currently on the following theme setting

6 Likes

Ok thank you, we will get this fixed soon Nathan

6 Likes

There was just an update to the nav bars code in GitHub yesterday … this is not something we have done :melting_face:

Lets see what we can do to fix it…

6 Likes

Hopefully we can get it back. I enjoyed it.

What about the bar at the top? It’s changed since yesterday, but I still don’t see an “unread” tab that was the way I always checked what new posts had been made. Assuming that was part of a coding update too?

6 Likes

Ok. What happened to the “New” and the “Unread” buttons that were here before???

7 Likes

I made a post about it yesterday, too. It happened at the same time the navigation bar got a coding update. I think @eaglereptiles is looking into it

7 Likes

Yeah It looks like there was an update to a few components at the same time so I have had to dig to work out how and why.

The nav bar I have no immediate fix or replacement for, but the Latest, Categories and Top tags are back using a temporary, older, component.

I have added a count to the sidebar to help relieve the lack of “unread” tab until I can get this fixed properly. This is melting my brain though :unamused:

image

5 Likes

Right, this is a decent fix that comes with pros and cons. I have added New and Unread to the sidebar
image

Pros:

  • Frees up a chunk of room on topic list pages, such as the latest feed.
  • Can be found on all pages, not just topic lists

Cons:

  • Learning curve
  • Defeated by a bug
6 Likes

This works for me, I seem to be having a weird issue here though. When I go to the side bar and click on “new posts” or “unread posts” for instance, and then I try to click the morphmarket logo in the top to go to the home page. It’s default to that “section” of posts I was looking at.

There’s a dropdown arrow on the tab at the top of the screenshot below, but it isn’t functional.


The one next to “unread (2)” if I click it or try to, it’s acting as if I’m just clicking the unread tab for the page I’m on…. Does that make sense?

3 Likes

Also now appears there isn’t a good way to get back to this page


Unless I’m on the “new topics” page and scroll down to “browse all topics” or something along those lines

3 Likes

yeah, expect some really weird UI for the next 20 mins hour while I play around :sweat_smile:

5 Likes

Can you change dark mode back to how it was? Pretty please?

4 Likes

can you refresh and see if that’s better?

2 Likes

Yep, seem to be back to how it was

3 Likes

I have whipped (I say that like I haven’t spent half a day on this thing :sweat_smile: ) up a new and very “icky” nav bar. The old one seems officially dead :dizzy_face:

The good side is I learnt a lot and this is completely custom. The bad side is we will likely come across some bugs that make me need to learn more.

For those interested
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Include Font Awesome CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  <style>
    body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      min-height: 100vh;
      margin: 0;
    }

    /* Styling for the bottom navigation bar */
    .bottom-navigation {
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      height: 50px; /* Adjust the height as needed */
      position: fixed;
      bottom: 0;
      background-color: #333;
      color: white;
      transition: transform 0.3s ease-in-out;
      transform: translateY(0);
      z-index: 1001; /* Increase the z-index value, which places this above other layers/items on the page.*/
    }

    /* Styling for each navigation item */
    .bottom-navigation a {
      text-decoration: none;
      color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px; /* Adjust the padding as needed */
    }

    /* Increase the size of the icons */
    .bottom-navigation a I {
      font-size: 24px; /* Adjust the font-size as needed */
    }
  </style>
</head>
<body>



<!-- Font Awesome icons, which you can find here: https://fontawesome.com/search?o=r&m=free -->
<div class="bottom-navigation" id="bottomNavigation">
  <!-- Example: Change the 1st link and icon -->
  <a href="https://community.morphmarket.com/">
    <i class="fas fa-home"></i> <!-- Font Awesome icon for home -->
  </a>
  
  <!-- Example: Change the 2nd link and icon -->
  <a href="https://www.morphmarket.com/animals/">
    <i class="fas fa-frog"></i> <!-- Font Awesome icon for frog -->
  </a>

  <!-- Example: Change the 3rd link and icon -->
  <a href="https://community.morphmarket.com/new-topic">
    <i class="fas fa-plus"></i> <!-- Font Awesome icon for plus -->
  </a>

  <!-- Example: Change the 4th link and icon -->
  <a href="https://community.morphmarket.com/categories">
    <i class="fas fa-list"></i> <!-- Font Awesome icon for list -->
  </a>

  <!-- Example: Change the 5th link and icon -->
  <a href="https://community.morphmarket.com/tag/portfolio">
    <i class="fas fa-images"></i> <!-- Font Awesome icon for images -->
  </a>
</div>

<!-- Part that handles the scroll behavior -->
<script>
  let prevScrollPos = window.pageYOffset;

  window.onscroll = function() {
    let currentScrollPos = window.pageYOffset;
    
    if (prevScrollPos > currentScrollPos) {
      document.getElementById("bottomNavigation").style.transform = "translateY(0)";
    } else {
      document.getElementById("bottomNavigation").style.transform = "translateY(100%)";
    }

    prevScrollPos = currentScrollPos;
  }
</script>

</body>
</html>
4 Likes