Incorrect Relative Routes (Astro build, Mobile only)

Support
, ,
1

Hey all, I am running into a super weird issue that appears on mobile only. Specifically, I have only tested on the mobile Firefox browser (v126.0.1) The site is working correctly when I navigate using the Firefox desktop browser and when I run it locally.

Site home: https://mrluskitchen.netlify.app/

This is a pretty vanilla static site built using Astro and does not have SSR enabled.

When I click on the navigation links on this page (MENU), the mobile browser seems to append the relative route to the current page instead of root?

For example, I expect the browser to go to “COMBOS” when clicking on the “COMBOS / SETS” button but it goes to “https://mrluskitchen.netlify.app/main/combos-sets” instead, expectedly resulting in a “Page Not Found” error.

Has anybody seen this kind of issue before?

Thanks in advance for any tips or advice!

2

@castironpan This behavior is simply as per the HTML of your site.

There are two menus in the HTML, one relative and one root relative.

screenshot-20240605-200408
screenshot-20240605-200408985Ă—365 153 KB

Check your site code and fix how your links are being generated for the submenu.

2 Likes
3

Oh shite, yeah, that would be it; I had completely forgot about this set of buttons and thought they were controlled by the component I have been modifying. Thanks so much!