Links visible all over page but only at full width

I looked at the page you linked to and it looks like the issue is caused by a CSS media query. The media query is set to target screens that are 1200px or wider. When the screen width is less than 1200px, the media query is not triggered and the links do not appear.

To fix the issue, you can either remove the media query or change the target width to something larger. If you remove the media query, the links will always appear, regardless of the screen width. If you change the target width, the links will only appear on screens that are wider than the specified width.

Here is the code for the media query:

@media screen and (min-width: 1200px) {
  .links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
  }
}

You can remove this code or change the min-width value to something larger.

I hope this helps!

Thanks @danitatsan very helpful response.

Increasing the min-width does remove the links – which is a help. However the them is formatted to show a list of categories spanning the top of the page when opened in a window 1200px wide or greater. If the display window is less than 1200 a mini-menu appears down the left of the page. If I increase the min-width px to greater than 1200 – the category list at the head of the page is no longer visible. Any ideas on how to keep this visible?